npm - @payloadcms/next - Versions diffs - 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad - Mend

@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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 (161) 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","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;~~AAGrD~~,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,~~EACJN~~,OAAO,~~EACPkB~~,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;~~QACAb~~;~~QACAkB~~;IACF;IAEA,MAAMO,MAAM,~~AAAC7B~~,~~aAAgD8B~~,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,~~MAAM5C~~,UAAU,MAAMC;QACtBD,~~QAAQ6C~~,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,~~eAAenD~~,gBAAgB;~~QACnCc~~;QACAiB,MAAMT,IAAIS,IAAI;QACdd;QACAmC,MAAM9B,IAAI8B,IAAI;IAChB;IAEA,~~MAAMjD~~,qBAAqB;~~QAAEgD~~;QAAcrC;QAAQQ;IAAI;IAEvD,~~QACG~~+B,~~KACCC~~,~~YAAY7B,OACZC,~~KAAKA,~~KACLmB,~~MAAMzB,~~cACNmC,~~0BAA0BzC,QAAQ0C,OAAOD,4BAA4B,QACpE,GAAGvC,SAAS,~~EACd~~;~~MACC~~,~~CAACyC~~,~~KAAK~~;~~QACJ~~,~~CAACC,OAAO,~~CAAC,gCAAgC,CAAC,~~GAAGA~~,~~MAAM~~;~~MACrD~~,~~EAAED,KAAK~~;~~MACP~~,~~CAACE,KAAK;QACJ,CAAC5D,aACCe,QAAQqC,cACRS,~~YAAYtC,IAAIS,IAAI,CAAC6B,UAAU~~,EAC~~/BC,cAAc/C,OAAOiB,IAAI,CAAC+B,gBAAgB,~~EAC1CC,~~WAAWb,UAAUc,QAAQ,~~MAC7B5C,~~cAAcA,~~cACdQ,~~iBAAiBA,~~iBACjBqC,~~QAAQ3C,IAAI2C,MAAM,~~EAClB5C,~~aAAaC,IAAI8B,IAAI,GAAG/B,cAAc,~~MACtCH,~~gBAAgBA,~~gBAChB0B,~~4BAA4BA,~~4BAC5BnB,~~OAAOA,~~OACPe,~~cAAclB,IAAIS,IAAI,CAACS,YAAY,~~EACnCY,~~MAAM9B,IAAI8B,IAAI,~~EACf;UACC~~,~~CAACtD,aAAc;UACf,CAACoE,~~MAAMC,OAAO,CAACrD,OAAO0C,KAAK,EAAEY,YAAYC,cACzCvD,OAAO0C,KAAK,EAAEY,YAAYC,UAAUC,SAAS,~~KAC1C9D~~,~~cACCS~~,WAAWK,IAAIC,OAAO,CAACN,SAAS,~~EAChCoD,~~WAAWvD,OAAO0C,KAAK,EAAEY,YAAYC,~~WACrCE,~~aAAa;~~QACXxC~~,MAAMT,IAAIS,IAAI;~~QACdR~~,SAASD,IAAIC,OAAO;~~QACpBF~~;~~QACA~~+B,MAAM9B,IAAI8B,IAAI;~~IAChB,GACD~~;~~cACC~~,~~CAACvC,SAAS~~;~~YACZ~~,~~EAAEL~~,~~iBAEFK,SACA;QACJ,EAAEd,aAAa;QACf,CAACyE,IAAIC,GAAG,UAAW;MACrB,EAAEd,KAAK;IACT,EAAEN;AAEN,~~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","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":"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"}

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

@@ -1,4 +1,6 @@
+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: {
@@ -8,67 +10,101 @@ export const OGImage = ({ description, Fallback, fontFamily = 'Arial, sans-serif
         Fallback,
         importMap
     });
-    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>;
+    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);
 };
 //# 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","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"}
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"}

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

@@ -1,7 +1,9 @@
+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);
@@ -34,7 +36,19 @@ 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(<OGImage description={description} Fallback={PayloadIcon} fontFamily={fontFamily} Icon={config.admin?.components?.graphics?.Icon} importMap={req.payload.importMap} leader={leader} title={title}/>, {
+        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), {
             ...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","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"}
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"}

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

@@ -1,8 +1,17 @@
 '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 <Hamburger closeIcon="collapse" isActive={navOpen}/>;
+    return /*#__PURE__*/ _jsxDEV(Hamburger, {
+        closeIcon: "collapse",
+        isActive: navOpen
+    }, void 0, false, {
+        fileName: "src/templates/Default/NavHamburger/index.tsx",
+        lineNumber: 7,
+        columnNumber: 10
+    }, this);
 };
 //# 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","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"}
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"}

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

@@ -1,18 +1,25 @@
 '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 <div className={[
-        baseClass,
-        className,
-        navOpen && `${baseClass}--nav-open`,
-        shouldAnimate && `${baseClass}--nav-animate`,
-        hydrated && `${baseClass}--nav-hydrated`
-    ].filter(Boolean).join(' ')}>
-      {children}
-    </div>;
+    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);
 };
 //# 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","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"}
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"}

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

@@ -1,3 +1,4 @@
+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';
@@ -83,44 +84,111 @@ export const DefaultTemplate = ({ children, className, collectionSlug, docID, do
         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>;
+    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);
 };
 //# 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,~~QACGrC~~,~~yBAAyByB~~,iBAAiBA~~,iBAAiB~~;~~MAC1D~~,~~CAAC1B~~,~~mBAAmBgD~~,kBAAkBpC~~,gBAAgB~~;~~QACpD~~,~~CAACd~~,gBAAgByC,SAASA,~~SAAS;UACjC,CAACpC,~~sBAAsB;~~QACrBiC~~;~~QACAQ~~,WAAWb;~~QACXc~~,WAAW1B,QAAQ0B,SAAS;~~QAC5BP~~;~~IACF~~,~~GAAG~~;~~UACH~~,~~CAACW,IAAIC,~~OAAO;~~QAAEC~~,UAAU;~~IAAW~~,~~GAAG~~;~~YACpC~~,~~CAACF,IAAItC,~~WAAW,GAAGH,UAAU,qBAAqB,CAAC,~~EAAE4C~~,~~GAAG~~,~~cAAc~~;~~cACpE~~,~~CAACH,IAAItC,~~WAAW,GAAGH,UAAU,uBAAuB,CAAC,~~EAAE4C~~,~~GAAG~~,~~cAAc~~;~~gBACtE~~,~~CAAClD,WAAWS,~~WAAW,GAAGH,UAAU,aAAa,CAAC~~,EAAE~~;~~kBAClD~~,~~CAACF~~,~~cAAe;gBAClB~~,~~EAAEJ,WAAW~~;~~cACf~~,~~EAAE+C,IAAI~~;~~YACR~~,~~EAAEA,IAAI;YACN,CAAC1C,QAAQC,~~WAAWA~~,WAAWG,WAAWA,WAAW~~;~~cACnD~~,~~CAACmC,aAAa~~;~~cACd~~,~~CAACG,IAAItC,~~WAAW,GAAGH,UAAU,MAAM,CAAC,~~EAAE~~;~~gBACpC~~,~~CAACT,UACCsD,~~cACEzB,WAAW,cAAcA,WAAW,YAChCzB,sBAAsB;~~QACpByC~~,WAAWhB,OAAOgB,SAAS;~~QAC3BC~~,WAAW1B,QAAQ0B,SAAS;~~QAC5BP~~;~~IACF~~,KACAJ,~~WAENoB,~~YACEzB,YAAY0B,UAAUC,OAClBrD,sBAAsB;~~QACpByC~~,WAAWf,WAAW0B,QAAQ,CAACC,IAAI;~~QACnCX~~,WAAW1B,QAAQ0B,SAAS;~~QAC5BP~~;~~IACF~~,KACAJ,~~YAEN;gBACF,CAACxB,SAAS;cACZ,EAAEuC,IAAI;YACR,EAAE1C,QAAQ;UACZ,EAAE0C,IAAI;QACR,EAAEnD,gBAAgB;MACpB,EAAEE,mBAAmB;IACvB,EAAEC;AAEN,~~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,3 +1,5 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import './index.scss';
 const baseClass = 'template-minimal';
 export const MinimalTemplate = (props)=>{
@@ -7,9 +9,22 @@ export const MinimalTemplate = (props)=>{
         baseClass,
         `${baseClass}--width-${width}`
     ].filter(Boolean).join(' ');
-    return <section className={classes} style={style}>
-      <div className={`${baseClass}__wrap`}>{children}</div>
-    </section>;
+    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);
 };
 //# sourceMappingURL=index.js.map