npm - @payloadcms/next - Versions diffs - 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee - Mend

@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/dist/layouts/Root/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { ImportMap, LanguageOptions, SanitizedConfig, ServerFunctionClient } from 'payload'\n\nimport { rtlLanguages } from '@payloadcms/translations'\nimport { ProgressBar, RootProvider } from '@payloadcms/ui'\nimport { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig'\nimport { cookies as nextCookies } from 'next/headers.js'\nimport { applyLocaleFiltering } from 'payload/shared'\nimport React from 'react'\n\nimport { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\nimport { initReq } from '../../utilities/initReq.js'\nimport { checkDependencies } from './checkDependencies.js'\nimport { NestProviders } from './NestProviders.js'\n\nimport '@payloadcms/ui/scss/app.scss'\n\nexport const metadata = {\n description: 'Generated by Next.js',\n title: 'Next.js',\n}\n\nexport const RootLayout = async ({\n children,\n config: configPromise,\n htmlProps = {},\n importMap,\n serverFunction,\n}: {\n readonly children: React.ReactNode\n readonly config: Promise<SanitizedConfig>\n readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>\n readonly importMap: ImportMap\n readonly serverFunction: ServerFunctionClient\n}) => {\n checkDependencies()\n\n const {\n cookies,\n headers,\n languageCode,\n permissions,\n req,\n req: {\n payload: { config },\n },\n } = await initReq({ configPromise, importMap, key: 'RootLayout' })\n\n const theme = getRequestTheme({\n config,\n cookies,\n headers,\n })\n\n const dir = (rtlLanguages as unknown as AcceptedLanguages[]).includes(languageCode)\n ? 'RTL'\n : 'LTR'\n\n const languageOptions: LanguageOptions = Object.entries(\n config.i18n.supportedLanguages \|\| {},\n ).reduce((acc, [language, languageConfig]) => {\n if (Object.keys(config.i18n.supportedLanguages).includes(language)) {\n acc.push({\n label: languageConfig.translations.general.thisLanguage,\n value: language,\n })\n }\n\n return acc\n }, [])\n\n async function switchLanguageServerAction(lang: string): Promise<void> {\n 'use server'\n const cookies = await nextCookies()\n cookies.set({\n name: `${config.cookiePrefix \|\| 'payload'}-lng`,\n path: '/',\n value: lang,\n })\n }\n\n const navPrefs = await getNavPrefs(req)\n\n const clientConfig = getClientConfig({\n config,\n i18n: req.i18n,\n importMap,\n user: req.user,\n })\n\n await applyLocaleFiltering({ clientConfig, config, req })\n\n return (\n <html\n data-theme={theme}\n dir={dir}\n lang={languageCode}\n suppressHydrationWarning={config?.admin?.suppressHydrationWarning ?? false}\n {...htmlProps}\n >\n <head>\n <style>{`@layer payload-default, payload;`}</style>\n </head>\n <body>\n <RootProvider\n config={clientConfig}\n dateFNSKey={req.i18n.dateFNSKey}\n fallbackLang={config.i18n.fallbackLanguage}\n isNavOpen={navPrefs?.open ?? true}\n languageCode={languageCode}\n languageOptions={languageOptions}\n locale={req.locale}\n permissions={req.user ? permissions : null}\n serverFunction={serverFunction}\n switchLanguageServerAction={switchLanguageServerAction}\n theme={theme}\n translations={req.i18n.translations}\n user={req.user}\n >\n <ProgressBar />\n {Array.isArray(config.admin?.components?.providers) &&\n config.admin?.components?.providers.length > 0 ? (\n <NestProviders\n importMap={req.payload.importMap}\n providers={config.admin?.components?.providers}\n serverProps={{\n i18n: req.i18n,\n payload: req.payload,\n permissions,\n user: req.user,\n }}\n >\n {children}\n </NestProviders>\n ) : (\n children\n )}\n </RootProvider>\n <div id=\"portal\" />\n </body>\n </html>\n )\n}\n"],"names":["rtlLanguages","ProgressBar","RootProvider","getClientConfig","cookies","nextCookies","applyLocaleFiltering","~~React","~~getNavPrefs","getRequestTheme","initReq","checkDependencies","NestProviders","metadata","description","title","RootLayout","children","config","configPromise","htmlProps","importMap","serverFunction","headers","languageCode","permissions","req","payload","key","theme","dir","includes","languageOptions","Object","entries","i18n","supportedLanguages","reduce","acc","language","languageConfig","keys","push","label","translations","general","thisLanguage","value","switchLanguageServerAction","lang","set","name","cookiePrefix","path","navPrefs","clientConfig","user","html","data-theme","suppressHydrationWarning","admin","head","style","body","dateFNSKey","fallbackLang","fallbackLanguage","isNavOpen","open","locale","Array","isArray","components","providers","length","serverProps","div","id"],"mappings":";AAGA,SAASA,YAAY,QAAQ,2BAA0B;AACvD,SAASC,WAAW,EAAEC,YAAY,QAAQ,iBAAgB;AAC1D,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,WAAWC,WAAW,QAAQ,kBAAiB;AACxD,SAASC,oBAAoB,QAAQ,iBAAgB;~~AACrD~~,~~OAAOC,WAAW,QAAO;AAEzB,~~SAASC,WAAW,QAAQ,oCAAmC;AAC/D,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,OAAO,QAAQ,6BAA4B;AACpD,SAASC,iBAAiB,QAAQ,yBAAwB;AAC1D,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,+BAA8B;AAErC,OAAO,MAAMC,WAAW;IACtBC,aAAa;IACbC,OAAO;AACT,EAAC;AAED,OAAO,MAAMC,aAAa,OAAO,EAC/BC,QAAQ,EACRC,QAAQC,aAAa,EACrBC,YAAY,CAAC,CAAC,EACdC,SAAS,EACTC,cAAc,EAOf;IACCX;IAEA,MAAM,~~EACJP~~,OAAO,~~EACPmB~~,OAAO,EACPC,YAAY,EACZC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,SAAS,EAAET,MAAM,EAAE,EACpB,EACF,GAAG,MAAMR,QAAQ;QAAES;QAAeE;QAAWO,KAAK;IAAa;IAEhE,MAAMC,QAAQpB,gBAAgB;QAC5BS;~~QACAd~~;~~QACAmB~~;IACF;IAEA,MAAMO,MAAM,~~AAAC9B~~,~~aAAgD+B~~,QAAQ,CAACP,gBAClE,QACA;IAEJ,MAAMQ,kBAAmCC,OAAOC,OAAO,CACrDhB,OAAOiB,IAAI,CAACC,kBAAkB,IAAI,CAAC,GACnCC,MAAM,CAAC,CAACC,KAAK,CAACC,UAAUC,eAAe;QACvC,IAAIP,OAAOQ,IAAI,CAACvB,OAAOiB,IAAI,CAACC,kBAAkB,EAAEL,QAAQ,CAACQ,WAAW;YAClED,IAAII,IAAI,CAAC;gBACPC,OAAOH,eAAeI,YAAY,CAACC,OAAO,CAACC,YAAY;gBACvDC,OAAOR;YACT;QACF;QAEA,OAAOD;IACT,GAAG,EAAE;IAEL,eAAeU,2BAA2BC,IAAY;QACpD;QACA,~~MAAM7C~~,UAAU,MAAMC;QACtBD,~~QAAQ8C~~,GAAG,CAAC;YACVC,MAAM,GAAGjC,OAAOkC,YAAY,IAAI,UAAU,IAAI,CAAC;YAC/CC,MAAM;YACNN,OAAOE;QACT;IACF;IAEA,MAAMK,WAAW,MAAM9C,YAAYkB;IAEnC,MAAM6B,~~eAAepD~~,gBAAgB;~~QACnCe~~;QACAiB,MAAMT,IAAIS,IAAI;QACdd;QACAmC,MAAM9B,IAAI8B,IAAI;IAChB;IAEA,~~MAAMlD~~,qBAAqB;~~QAAEiD~~;QAAcrC;QAAQQ;IAAI;IAEvD,~~qBACE,QAAC~~+B~~;QACCC~~,~~cAAY7B;QACZC~~,KAAKA~~;QACLmB~~,MAAMzB~~;QACNmC~~,0BAA0BzC,QAAQ0C,OAAOD,4BAA4B;QACpE,GAAGvC,SAAS~~;;0BAEb~~,~~QAACyC~~;~~0BACC~~,~~cAAA~~,~~QAACC~~;~~8BAAO~~,CAAC,gCAAgC,CAAC~~;;;;;;;;;;;0BAE5C~~,~~QAACC;;kCACC~~,~~QAAC7D~~;~~wBACCgB~~,~~QAAQqC~~;~~wBACRS~~,YAAYtC,IAAIS,IAAI,CAAC6B,UAAU~~;wBAC~~/BC,cAAc/C,OAAOiB,IAAI,CAAC+B,gBAAgB~~;wBAC1CC~~,WAAWb,UAAUc,QAAQ~~;wBAC7B5C~~,cAAcA~~;wBACdQ~~,iBAAiBA~~;wBACjBqC~~,QAAQ3C,IAAI2C,MAAM~~;wBAClB5C~~,aAAaC,IAAI8B,IAAI,GAAG/B,cAAc~~;wBACtCH~~,gBAAgBA~~;wBAChB0B~~,4BAA4BA~~;wBAC5BnB~~,OAAOA~~;wBACPe~~,cAAclB,IAAIS,IAAI,CAACS,YAAY~~;wBACnCY~~,MAAM9B,IAAI8B,IAAI~~;;0CAEd~~,~~QAACvD;;;;;4BACAqE~~,MAAMC,OAAO,CAACrD,OAAO0C,KAAK,EAAEY,YAAYC,cACzCvD,OAAO0C,KAAK,EAAEY,YAAYC,UAAUC,SAAS,~~kBAC3C~~,~~QAAC9D;gCACCS~~,WAAWK,IAAIC,OAAO,CAACN,SAAS~~;gCAChCoD~~,WAAWvD,OAAO0C,KAAK,EAAEY,YAAYC~~;gCACrCE~~,aAAa;~~oCACXxC~~,MAAMT,IAAIS,IAAI;~~oCACdR~~,SAASD,IAAIC,OAAO;~~oCACpBF~~;~~oCACA~~+B,MAAM9B,IAAI8B,IAAI;~~gCAChB~~;~~0CAECvC;;;;;uCAGHA;;;;;;;kCAGJ~~,~~QAAC2D~~;~~wBAAIC~~,~~IAAG;;;;;;;;;;;;;;;;;;AAIhB~~,EAAC"}
1	+ {"version":3,"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { ImportMap, LanguageOptions, SanitizedConfig, ServerFunctionClient } from 'payload'\n\nimport { rtlLanguages } from '@payloadcms/translations'\nimport { ProgressBar, RootProvider } from '@payloadcms/ui'\nimport { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig'\nimport { cookies as nextCookies } from 'next/headers.js'\nimport { applyLocaleFiltering } from 'payload/shared'\nimport React from 'react'\n\nimport { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\nimport { initReq } from '../../utilities/initReq.js'\nimport { checkDependencies } from './checkDependencies.js'\nimport { NestProviders } from './NestProviders.js'\n\nimport '@payloadcms/ui/scss/app.scss'\n\nexport const metadata = {\n description: 'Generated by Next.js',\n title: 'Next.js',\n}\n\nexport const RootLayout = async ({\n children,\n config: configPromise,\n htmlProps = {},\n importMap,\n serverFunction,\n}: {\n readonly children: React.ReactNode\n readonly config: Promise<SanitizedConfig>\n readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>\n readonly importMap: ImportMap\n readonly serverFunction: ServerFunctionClient\n}) => {\n checkDependencies()\n\n const {\n cookies,\n headers,\n languageCode,\n permissions,\n req,\n req: {\n payload: { config },\n },\n } = await initReq({ configPromise, importMap, key: 'RootLayout' })\n\n const theme = getRequestTheme({\n config,\n cookies,\n headers,\n })\n\n const dir = (rtlLanguages as unknown as AcceptedLanguages[]).includes(languageCode)\n ? 'RTL'\n : 'LTR'\n\n const languageOptions: LanguageOptions = Object.entries(\n config.i18n.supportedLanguages \|\| {},\n ).reduce((acc, [language, languageConfig]) => {\n if (Object.keys(config.i18n.supportedLanguages).includes(language)) {\n acc.push({\n label: languageConfig.translations.general.thisLanguage,\n value: language,\n })\n }\n\n return acc\n }, [])\n\n async function switchLanguageServerAction(lang: string): Promise<void> {\n 'use server'\n const cookies = await nextCookies()\n cookies.set({\n name: `${config.cookiePrefix \|\| 'payload'}-lng`,\n path: '/',\n value: lang,\n })\n }\n\n const navPrefs = await getNavPrefs(req)\n\n const clientConfig = getClientConfig({\n config,\n i18n: req.i18n,\n importMap,\n user: req.user,\n })\n\n await applyLocaleFiltering({ clientConfig, config, req })\n\n return (\n <html\n data-theme={theme}\n dir={dir}\n lang={languageCode}\n suppressHydrationWarning={config?.admin?.suppressHydrationWarning ?? false}\n {...htmlProps}\n >\n <head>\n <style>{`@layer payload-default, payload;`}</style>\n </head>\n <body>\n <RootProvider\n config={clientConfig}\n dateFNSKey={req.i18n.dateFNSKey}\n fallbackLang={config.i18n.fallbackLanguage}\n isNavOpen={navPrefs?.open ?? true}\n languageCode={languageCode}\n languageOptions={languageOptions}\n locale={req.locale}\n permissions={req.user ? permissions : null}\n serverFunction={serverFunction}\n switchLanguageServerAction={switchLanguageServerAction}\n theme={theme}\n translations={req.i18n.translations}\n user={req.user}\n >\n <ProgressBar />\n {Array.isArray(config.admin?.components?.providers) &&\n config.admin?.components?.providers.length > 0 ? (\n <NestProviders\n importMap={req.payload.importMap}\n providers={config.admin?.components?.providers}\n serverProps={{\n i18n: req.i18n,\n payload: req.payload,\n permissions,\n user: req.user,\n }}\n >\n {children}\n </NestProviders>\n ) : (\n children\n )}\n </RootProvider>\n <div id=\"portal\" />\n </body>\n </html>\n )\n}\n"],"names":["rtlLanguages","ProgressBar","RootProvider","getClientConfig","cookies","nextCookies","applyLocaleFiltering","getNavPrefs","getRequestTheme","initReq","checkDependencies","NestProviders","metadata","description","title","RootLayout","children","config","configPromise","htmlProps","importMap","serverFunction","headers","languageCode","permissions","req","payload","key","theme","dir","includes","languageOptions","Object","entries","i18n","supportedLanguages","reduce","acc","language","languageConfig","keys","push","label","translations","general","thisLanguage","value","switchLanguageServerAction","lang","set","name","cookiePrefix","path","navPrefs","clientConfig","user","html","data-theme","suppressHydrationWarning","admin","head","style","body","dateFNSKey","fallbackLang","fallbackLanguage","isNavOpen","open","locale","Array","isArray","components","providers","length","serverProps","div","id"],"mappings":"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"}

package/dist/prod/styles.css ADDED Viewed

@@ -0,0 +1,5 @@
+/*
+ * This file is a stub for debug builds.
+ * Direct SCSS imports are preserved for debug builds, so this file is not needed.
+ * For production builds, the actual bundled styles are generated by the build:esbuild script.
+ */

package/dist/routes/rest/og/image.js CHANGED Viewed

@@ -1,6 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
-import React from 'react';
 export const OGImage = ({ description, Fallback, fontFamily = 'Arial, sans-serif', Icon, importMap, leader, title })=>{
     const IconComponent = RenderServerComponent({
         clientProps: {
@@ -10,101 +8,67 @@ export const OGImage = ({ description, Fallback, fontFamily = 'Arial, sans-serif
         Fallback,
         importMap
     });
-    return /*#__PURE__*/ _jsxDEV("div", {
-        style: {
-            backgroundColor: '#000',
-            color: '#fff',
-            display: 'flex',
-            flexDirection: 'column',
-            fontFamily,
-            height: '100%',
-            justifyContent: 'space-between',
-            padding: '100px',
-            width: '100%'
-        },
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    flexGrow: 1,
-                    fontSize: 50,
-                    height: '100%'
-                },
-                children: [
-                    leader && /*#__PURE__*/ _jsxDEV("div", {
-                        style: {
-                            fontSize: 30,
-                            marginBottom: 10
-                        },
-                        children: leader
-                    }, void 0, false, {
-                        fileName: "src/routes/rest/og/image.tsx",
-                        lineNumber: 55,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("p", {
-                        style: {
-                            display: '-webkit-box',
-                            fontSize: 90,
-                            lineHeight: 1,
-                            marginBottom: 0,
-                            marginTop: 0,
-                            textOverflow: 'ellipsis',
-                            WebkitBoxOrient: 'vertical',
-                            WebkitLineClamp: 2
-                        },
-                        children: title
-                    }, void 0, false, {
-                        fileName: "src/routes/rest/og/image.tsx",
-                        lineNumber: 64,
-                        columnNumber: 9
-                    }, this),
-                    description && /*#__PURE__*/ _jsxDEV("p", {
-                        style: {
-                            display: '-webkit-box',
-                            flexGrow: 1,
-                            fontSize: 30,
-                            lineHeight: 1,
-                            marginBottom: 0,
-                            marginTop: 40,
-                            textOverflow: 'ellipsis',
-                            WebkitBoxOrient: 'vertical',
-                            WebkitLineClamp: 2
-                        },
-                        children: description
-                    }, void 0, false, {
-                        fileName: "src/routes/rest/og/image.tsx",
-                        lineNumber: 79,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/routes/rest/og/image.tsx",
-                lineNumber: 45,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                style: {
-                    alignItems: 'flex-end',
-                    display: 'flex',
-                    flexShrink: 0,
-                    height: '38px',
-                    justifyContent: 'center',
-                    width: '38px'
-                },
-                children: IconComponent
-            }, void 0, false, {
-                fileName: "src/routes/rest/og/image.tsx",
-                lineNumber: 96,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/routes/rest/og/image.tsx",
-        lineNumber: 32,
-        columnNumber: 5
-    }, this);
+    return <div style={{
+        backgroundColor: '#000',
+        color: '#fff',
+        display: 'flex',
+        flexDirection: 'column',
+        fontFamily,
+        height: '100%',
+        justifyContent: 'space-between',
+        padding: '100px',
+        width: '100%'
+    }}>
+      <div style={{
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 1,
+        fontSize: 50,
+        height: '100%'
+    }}>
+        {leader && <div style={{
+        fontSize: 30,
+        marginBottom: 10
+    }}>
+            {leader}
+          </div>}
+        <p style={{
+        display: '-webkit-box',
+        fontSize: 90,
+        lineHeight: 1,
+        marginBottom: 0,
+        marginTop: 0,
+        textOverflow: 'ellipsis',
+        WebkitBoxOrient: 'vertical',
+        WebkitLineClamp: 2
+    }}>
+          {title}
+        </p>
+        {description && <p style={{
+        display: '-webkit-box',
+        flexGrow: 1,
+        fontSize: 30,
+        lineHeight: 1,
+        marginBottom: 0,
+        marginTop: 40,
+        textOverflow: 'ellipsis',
+        WebkitBoxOrient: 'vertical',
+        WebkitLineClamp: 2
+    }}>
+            {description}
+          </p>}
+      </div>
+      <div style={{
+        alignItems: 'flex-end',
+        display: 'flex',
+        flexShrink: 0,
+        height: '38px',
+        justifyContent: 'center',
+        width: '38px'
+    }}>
+        {IconComponent}
+      </div>
+    </div>;
 };
 //# sourceMappingURL=image.js.map

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

	@@ -1 +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","~~React","~~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;~~AACrF~~,~~OAAOC,WAAW,QAAO;AAEzB,~~OAAO,MAAMC,UAQR,CAAC,EACJC,WAAW,EACXC,QAAQ,EACRC,aAAa,mBAAmB,EAChCC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,KAAK,EACN;IACC,MAAMC,~~gBAAgBV~~,sBAAsB;~~QAC1CW~~,aAAa;YACXC,MAAM;QACR;QACAC,WAAWP;QACXF;QACAG;IACF;IACA,~~qBACE~~,~~QAACO;QACCC~~,OAAO;~~YACLC~~,iBAAiB;~~YACjBC~~,OAAO;~~YACPC~~,SAAS;~~YACTC~~,eAAe;~~YACfd~~;~~YACAe~~,QAAQ;~~YACRC~~,gBAAgB;~~YAChBC~~,SAAS;~~YACTC~~,OAAO;~~QACT;;0BAEA~~,~~QAACT~~;~~gBACCC~~,OAAO;~~oBACLG~~,SAAS;~~oBACTC~~,eAAe;~~oBACfK~~,UAAU;~~oBACVC~~,UAAU;~~oBACVL~~,QAAQ;~~gBACV;;oBAECZ~~,~~wBACC,QAACM~~;~~wBACCC~~,OAAO;~~4BACLU~~,UAAU;~~4BACVC~~,cAAc;~~wBAChB~~;~~kCAEClB;;;;;;kCAGL~~,~~QAACmB~~;~~wBACCZ~~,OAAO;~~4BACLG~~,SAAS;~~4BACTO~~,UAAU;~~4BACVG~~,YAAY;~~4BACZF~~,cAAc;~~4BACdG~~,WAAW;~~4BACXC~~,cAAc;~~4BACdC~~,iBAAiB;~~4BACjBC~~,iBAAiB;~~wBACnB~~;~~kCAECvB;;;;;;oBAEFN~~,~~6BACC~~,~~QAACwB~~;~~wBACCZ~~,OAAO;~~4BACLG~~,SAAS;~~4BACTM~~,UAAU;~~4BACVC~~,UAAU;~~4BACVG~~,YAAY;~~4BACZF~~,cAAc;~~4BACdG~~,WAAW;~~4BACXC~~,cAAc;~~4BACdC~~,iBAAiB;~~4BACjBC~~,iBAAiB;~~wBACnB~~;~~kCAEC7B;;;;;;;;;;;;0BAIP~~,~~QAACW~~;~~gBACCC~~,OAAO;~~oBACLkB~~,YAAY;~~oBACZf~~,SAAS;~~oBACTgB~~,YAAY;~~oBACZd~~,QAAQ;~~oBACRC~~,gBAAgB;~~oBAChBE~~,OAAO;~~gBACT~~;~~0BAECb;;;;;;;;;;;;AAIT~~,EAAC"}
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"}

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

@@ -1,9 +1,7 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-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);
@@ -36,19 +34,7 @@ export const generateOGImage = async (req)=>{
             req.payload.logger.error(`Error reading font file or not readable: ${e.message}`);
         }
         const fontFamily = 'Roboto, sans-serif';
-        return new ImageResponse(/*#__PURE__*/ _jsxDEV(OGImage, {
-            description: description,
-            Fallback: PayloadIcon,
-            fontFamily: fontFamily,
-            Icon: config.admin?.components?.graphics?.Icon,
-            importMap: req.payload.importMap,
-            leader: leader,
-            title: title
-        }, void 0, false, {
-            fileName: "src/routes/rest/og/index.tsx",
-            lineNumber: 50,
-            columnNumber: 9
-        }, this), {
+        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: [
                     {

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

	@@ -1 +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","~~React","~~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;~~AACvB~~,~~OAAOC,WAAW,QAAO;AACzB,~~SAASC,aAAa,QAAQ,MAAK;AAEnC,SAASC,OAAO,QAAQ,aAAY;AAEpC,MAAMC,WAAWF,cAAc,YAAYG,GAAG;AAC9C,MAAMC,~~UAAUN~~,~~KAAKM~~,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,~~WAAWjC~~,~~GAAGkC~~,QAAQ,~~CAAChC~~,~~KAAKiC~~,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,~~IAAItC~~,~~4BAEP~~,~~QAACI;YACC2B~~,aAAaA~~;YACbQ~~,~~UAAUzC;YACVwC~~,YAAYA;YACZE,MAAM5B,OAAOE,KAAK,EAAE2B,YAAYC,UAAUF~~;YAC1CG~~,WAAWhC,IAAIE,OAAO,CAAC8B,SAAS~~;YAChCd~~,QAAQA~~;YACRJ~~,OAAOA~~;;;;;kBAGX~~;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"}
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"}

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

@@ -1,17 +1,8 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Hamburger, useNav } from '@payloadcms/ui';
-import React from 'react';
 export const NavHamburger = ()=>{
     const { navOpen } = useNav();
-    return /*#__PURE__*/ _jsxDEV(Hamburger, {
-        closeIcon: "collapse",
-        isActive: navOpen
-    }, void 0, false, {
-        fileName: "src/templates/Default/NavHamburger/index.tsx",
-        lineNumber: 7,
-        columnNumber: 10
-    }, this);
+    return <Hamburger closeIcon="collapse" isActive={navOpen}/>;
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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","~~React","~~NavHamburger","navOpen","closeIcon","isActive"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAgB;~~AAClD~~,~~OAAOC,WAAW,QAAO;AAEzB,~~OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,OAAO,EAAE,~~GAAGH~~;IACpB,~~qBAAO~~,~~QAACD;QAAUK~~,~~WAAU;QAAWC~~,UAAUF~~;;;;;;~~AACnD,EAAC"}
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"}

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

@@ -1,25 +1,18 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useNav } from '@payloadcms/ui';
-import React from 'react';
 import './index.scss';
 export const Wrapper = (props)=>{
     const { baseClass, children, className } = props;
     const { hydrated, navOpen, shouldAnimate } = useNav();
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            className,
-            navOpen && `${baseClass}--nav-open`,
-            shouldAnimate && `${baseClass}--nav-animate`,
-            hydrated && `${baseClass}--nav-hydrated`
-        ].filter(Boolean).join(' '),
-        children: children
-    }, void 0, false, {
-        fileName: "src/templates/Default/Wrapper/index.tsx",
-        lineNumber: 16,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        baseClass,
+        className,
+        navOpen && `${baseClass}--nav-open`,
+        shouldAnimate && `${baseClass}--nav-animate`,
+        hydrated && `${baseClass}--nav-hydrated`
+    ].filter(Boolean).join(' ')}>
+      {children}
+    </div>;
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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","~~React","~~Wrapper","props","baseClass","children","className","hydrated","navOpen","shouldAnimate","div","filter","Boolean","join"],"mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,iBAAgB;~~AACvC~~,~~OAAOC,WAAW,QAAO;AAEzB,~~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,~~GAAGT~~;IAE7C,~~qBACE~~,~~QAACU;QACCJ~~,WAAW;~~YACTF~~;~~YACAE~~;~~YACAE~~,WAAW,GAAGJ,UAAU,UAAU,CAAC;~~YACnCK~~,iBAAiB,GAAGL,UAAU,aAAa,CAAC;~~YAC5CG~~,YAAY,GAAGH,UAAU,cAAc,CAAC;~~SACzC~~,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;~~kBAEPR;;;;;;AAGP~~,EAAC"}
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"}

package/dist/templates/Default/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { ActionsProvider, AppHeader, BulkUploadProvider, EntityVisibilityProvider, NavToggler } from '@payloadcms/ui';
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import './index.scss';
@@ -84,111 +83,44 @@ export const DefaultTemplate = ({ children, className, collectionSlug, docID, do
         importMap: payload.importMap,
         serverProps
     });
-    return /*#__PURE__*/ _jsxDEV(EntityVisibilityProvider, {
-        visibleEntities: visibleEntities,
-        children: /*#__PURE__*/ _jsxDEV(BulkUploadProvider, {
-            drawerSlugPrefix: collectionSlug,
-            children: /*#__PURE__*/ _jsxDEV(ActionsProvider, {
-                Actions: Actions,
-                children: [
-                    RenderServerComponent({
-                        clientProps,
-                        Component: CustomHeader,
-                        importMap: payload.importMap,
-                        serverProps
-                    }),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        style: {
-                            position: 'relative'
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__nav-toggler-wrapper`,
-                                id: "nav-toggler",
-                                children: /*#__PURE__*/ _jsxDEV("div", {
-                                    className: `${baseClass}__nav-toggler-container`,
-                                    id: "nav-toggler",
-                                    children: /*#__PURE__*/ _jsxDEV(NavToggler, {
-                                        className: `${baseClass}__nav-toggler`,
-                                        children: /*#__PURE__*/ _jsxDEV(NavHamburger, {}, void 0, false, {
-                                            fileName: "src/templates/Default/index.tsx",
-                                            lineNumber: 161,
-                                            columnNumber: 19
-                                        }, this)
-                                    }, void 0, false, {
-                                        fileName: "src/templates/Default/index.tsx",
-                                        lineNumber: 160,
-                                        columnNumber: 17
-                                    }, this)
-                                }, void 0, false, {
-                                    fileName: "src/templates/Default/index.tsx",
-                                    lineNumber: 159,
-                                    columnNumber: 15
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/templates/Default/index.tsx",
-                                lineNumber: 158,
-                                columnNumber: 13
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(Wrapper, {
-                                baseClass: baseClass,
-                                className: className,
-                                children: [
-                                    NavComponent,
-                                    /*#__PURE__*/ _jsxDEV("div", {
-                                        className: `${baseClass}__wrap`,
-                                        children: [
-                                            /*#__PURE__*/ _jsxDEV(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
-                                            }, void 0, false, {
-                                                fileName: "src/templates/Default/index.tsx",
-                                                lineNumber: 168,
-                                                columnNumber: 17
-                                            }, this),
-                                            children
-                                        ]
-                                    }, void 0, true, {
-                                        fileName: "src/templates/Default/index.tsx",
-                                        lineNumber: 167,
-                                        columnNumber: 15
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/templates/Default/index.tsx",
-                                lineNumber: 165,
-                                columnNumber: 13
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/templates/Default/index.tsx",
-                        lineNumber: 157,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/templates/Default/index.tsx",
-                lineNumber: 150,
-                columnNumber: 9
-            }, this)
-        }, void 0, false, {
-            fileName: "src/templates/Default/index.tsx",
-            lineNumber: 149,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/templates/Default/index.tsx",
-        lineNumber: 148,
-        columnNumber: 5
-    }, this);
+    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>;
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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":";AASA,SACEA,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,wBAAwB,EACxBC,UAAU,QACL,iBAAgB;AACvB,SAASC,qBAAqB,QAAQ,gDAA+C;AAErF,OAAO,eAAc;AAErB,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,OAAO,QAAQ,qBAAoB;AAE5C,MAAMC,YAAY;AAelB,OAAO,MAAMC,kBAAkD,CAAC,EAC9DC,QAAQ,EACRC,SAAS,EACTC,cAAc,EACdC,KAAK,EACLC,mBAAmB,EACnBC,UAAU,EACVC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,GAAG,EACHC,YAAY,EACZC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,eAAe,EAChB;IACC,MAAM,EACJC,OAAO,EACLC,MAAM,EACNC,UAAU,EACVA,YAAY,EAAEC,QAAQC,YAAY,EAAEC,KAAKC,SAAS,EAAE,GAAG;QACrDH,QAAQI;QACRF,KAAKE;IACP,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAGf,QAAQgB,MAAM,IAAI,CAAC;IAEvB,MAAMC,cAAchC,MAAMiC,OAAO,CAAC;QAChC,OAAO;YACLvB;YACAW;YACAC;QACF;IACF,GAAG;QAACZ;QAAqBW;QAAUC;KAAgB;IAEnD,MAAMY,cAAclC,MAAMiC,OAAO,CAC/B,IAAO,CAAA;YACLzB;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACEP;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAR;QACAH;QACAC;QACAQ;KACD;IAGH,MAAM,EAAEkB,OAAO,EAAE,GAAGnC,MAAMiC,OAAO,CAE9B;QACD,OAAO;YACLE,SAASf,cACLA,YAAYgB,MAAM,CAAC,CAACC,KAAKC;gBACvB,IAAIA,QAAQ;oBACV,IAAI,OAAOA,WAAW,UAAU;wBAC9BD,GAAG,CAACC,OAAOC,IAAI,CAAC,GAAGxC,sBAAsB;4BACvCiC;4BACAQ,WAAWF;4BACXG,WAAW1B,QAAQ0B,SAAS;4BAC5BP;wBACF;oBACF,OAAO;wBACLG,GAAG,CAACC,OAAO,GAAGvC,sBAAsB;4BAClCiC;4BACAQ,WAAWF;4BACXG,WAAW1B,QAAQ0B,SAAS;4BAC5BP;wBACF;oBACF;gBACF;gBAEA,OAAOG;YACT,GAAG,CAAC,KACJP;QACN;IACF,GAAG;QAACf;QAASmB;QAAad;QAAaY;KAAY;IAEnD,MAAMU,eAAe3C,sBAAsB;QACzCiC;QACAQ,WAAWX;QACXc,UAAU1C;QACVwC,WAAW1B,QAAQ0B,SAAS;QAC5BP;IACF;IAEA,~~qBACE~~,~~QAACrC;QAAyByB~~,iBAAiBA;~~kBACzC~~,~~cAAA~~,~~QAAC1B;YAAmBgD~~,kBAAkBpC;~~sBACpC~~,~~cAAA~~,~~QAACd;~~gBAAgByC,SAASA~~;;oBACvBpC~~,sBAAsB;~~wBACrBiC~~;~~wBACAQ~~,WAAWb;~~wBACXc~~,WAAW1B,QAAQ0B,SAAS;~~wBAC5BP~~;~~oBACF;kCACA~~,~~QAACW~~;~~wBAAIC~~,OAAO;~~4BAAEC~~,UAAU;~~wBAAW;;0CACjC~~,~~QAACF~~;~~gCAAItC~~,WAAW,GAAGH,UAAU,qBAAqB,CAAC~~;gCAAE4C~~,~~IAAG;0CACtD~~,~~cAAA~~,~~QAACH~~;~~oCAAItC~~,WAAW,GAAGH,UAAU,uBAAuB,CAAC~~;oCAAE4C~~,~~IAAG;8CACxD~~,~~cAAA~~,~~QAAClD~~;~~wCAAWS~~,WAAW,GAAGH,UAAU,aAAa,CAAC;~~kDAChD~~,~~cAAA~~,~~QAACF;;;;;;;;;;;;;;;;;;;;0CAIP~~,~~QAACC~~;~~gCAAQC~~,~~WAAWA~~;~~gCAAWG~~,WAAWA~~;;oCACvCmC~~;~~kDACD~~,~~QAACG~~;~~wCAAItC~~,WAAW,GAAGH,UAAU,MAAM,CAAC~~;;0DAClC~~,~~QAACT~~;~~gDACCsD~~,cACEzB,WAAW,cAAcA,WAAW,YAChCzB,sBAAsB;~~oDACpByC~~,WAAWhB,OAAOgB,SAAS;~~oDAC3BC~~,WAAW1B,QAAQ0B,SAAS;~~oDAC5BP~~;~~gDACF~~,KACAJ~~;gDAENoB~~,YACEzB,YAAY0B,UAAUC,OAClBrD,sBAAsB;~~oDACpByC~~,WAAWf,WAAW0B,QAAQ,CAACC,IAAI;~~oDACnCX~~,WAAW1B,QAAQ0B,SAAS;~~oDAC5BP~~;~~gDACF~~,KACAJ~~;;;;;;4CAGPxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQjB~~,EAAC"}
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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"}

package/dist/templates/Minimal/index.js CHANGED Viewed

@@ -1,5 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 const baseClass = 'template-minimal';
 export const MinimalTemplate = (props)=>{
@@ -9,22 +7,9 @@ export const MinimalTemplate = (props)=>{
         baseClass,
         `${baseClass}--width-${width}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsxDEV("section", {
-        className: classes,
-        style: style,
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__wrap`,
-            children: children
-        }, void 0, false, {
-            fileName: "src/templates/Minimal/index.tsx",
-            lineNumber: 21,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/templates/Minimal/index.tsx",
-        lineNumber: 20,
-        columnNumber: 5
-    }, this);
+    return <section className={classes} style={style}>
+      <div className={`${baseClass}__wrap`}>{children}</div>
+    </section>;
 };
 //# sourceMappingURL=index.js.map