@payloadcms/next 3.0.0-beta.5 → 3.0.0-beta.50

package/dist/utilities/initPage/index.js

@@ -0,0 +1,132 @@
+import { initI18n } from '@payloadcms/translations';
+import { findLocaleFromCode } from '@payloadcms/ui/shared';
+import { headers as getHeaders } from 'next/headers.js';
+import { createLocalReq, isEntityHidden, parseCookies } from 'payload';
+import qs from 'qs';
+import { getPayloadHMR } from '../getPayloadHMR.js';
+import { getRequestLanguage } from '../getRequestLanguage.js';
+import { handleAdminPage } from './handleAdminPage.js';
+import { handleAuthRedirect } from './handleAuthRedirect.js';
+export const initPage = async ({ config: configPromise, redirectUnauthenticatedUser = false, route, searchParams })=>{
+    const headers = getHeaders();
+    const payload = await getPayloadHMR({
+        config: configPromise
+    });
+    const { collections, globals, i18n: i18nConfig, localization, routes: { admin: adminRoute } } = payload.config;
+    const queryString = `${qs.stringify(searchParams ?? {}, {
+        addQueryPrefix: true
+    })}`;
+    const cookies = parseCookies(headers);
+    const language = getRequestLanguage({
+        config: payload.config,
+        cookies,
+        headers
+    });
+    const i18n = await initI18n({
+        config: i18nConfig,
+        context: 'client',
+        language
+    });
+    const languageOptions = Object.entries(payload.config.i18n.supportedLanguages || {}).reduce((acc, [language, languageConfig])=>{
+        if (Object.keys(payload.config.i18n.supportedLanguages).includes(language)) {
+            acc.push({
+                label: languageConfig.translations.general.thisLanguage,
+                value: language
+            });
+        }
+        return acc;
+    }, []);
+    const req = await createLocalReq({
+        fallbackLocale: null,
+        req: {
+            host: headers.get('host'),
+            i18n,
+            query: qs.parse(queryString, {
+                depth: 10,
+                ignoreQueryPrefix: true
+            }),
+            url: `${payload.config.serverURL}${route}${searchParams ? queryString : ''}`
+        }
+    }, payload);
+    const { permissions, user } = await payload.auth({
+        headers,
+        req
+    });
+    req.user = user;
+    const localeParam = searchParams?.locale;
+    let locale;
+    if (localization) {
+        const defaultLocaleCode = localization.defaultLocale ? localization.defaultLocale : 'en';
+        let localeCode = localeParam;
+        if (!localeCode) {
+            try {
+                localeCode = await payload.find({
+                    collection: 'payload-preferences',
+                    depth: 0,
+                    limit: 1,
+                    user,
+                    where: {
+                        and: [
+                            {
+                                'user.relationTo': {
+                                    equals: payload.config.admin.user
+                                }
+                            },
+                            {
+                                'user.value': {
+                                    equals: user.id
+                                }
+                            },
+                            {
+                                key: {
+                                    equals: 'locale'
+                                }
+                            }
+                        ]
+                    }
+                })?.then((res)=>res.docs?.[0]?.value);
+            } catch (error) {} // eslint-disable-line no-empty
+        }
+        locale = findLocaleFromCode(localization, localeCode);
+        if (!locale) locale = findLocaleFromCode(localization, defaultLocaleCode);
+        req.locale = locale.code;
+    }
+    const visibleEntities = {
+        collections: collections.map(({ slug, admin: { hidden } })=>!isEntityHidden({
+                hidden,
+                user
+            }) ? slug : null).filter(Boolean),
+        globals: globals.map(({ slug, admin: { hidden } })=>!isEntityHidden({
+                hidden,
+                user
+            }) ? slug : null).filter(Boolean)
+    };
+    if (redirectUnauthenticatedUser && !user) {
+        handleAuthRedirect({
+            config: payload.config,
+            redirectUnauthenticatedUser,
+            route,
+            searchParams
+        });
+    }
+    const { collectionConfig, docID, globalConfig } = handleAdminPage({
+        adminRoute,
+        config: payload.config,
+        permissions,
+        route
+    });
+    return {
+        collectionConfig,
+        cookies,
+        docID,
+        globalConfig,
+        languageOptions,
+        locale,
+        permissions,
+        req,
+        translations: i18n.translations,
+        visibleEntities
+    };
+};
+
+//# sourceMappingURL=index.js.map

package/dist/utilities/initPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utilities/initPage/index.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { InitPageResult, Locale, PayloadRequestWithData, VisibleEntities } from 'payload'\n\nimport { initI18n } from '@payloadcms/translations'\nimport { findLocaleFromCode } from '@payloadcms/ui/shared'\nimport { headers as getHeaders } from 'next/headers.js'\nimport { createLocalReq, isEntityHidden, parseCookies } from 'payload'\nimport qs from 'qs'\n\nimport type { Args } from './types.js'\n\nimport { getPayloadHMR } from '../getPayloadHMR.js'\nimport { getRequestLanguage } from '../getRequestLanguage.js'\nimport { handleAdminPage } from './handleAdminPage.js'\nimport { handleAuthRedirect } from './handleAuthRedirect.js'\n\nexport const initPage = async ({\n  config: configPromise,\n  redirectUnauthenticatedUser = false,\n  route,\n  searchParams,\n}: Args): Promise<InitPageResult> => {\n  const headers = getHeaders()\n  const payload = await getPayloadHMR({ config: configPromise })\n\n  const {\n    collections,\n    globals,\n    i18n: i18nConfig,\n    localization,\n    routes: { admin: adminRoute },\n  } = payload.config\n\n  const queryString = `${qs.stringify(searchParams ?? {}, { addQueryPrefix: true })}`\n  const cookies = parseCookies(headers)\n  const language = getRequestLanguage({ config: payload.config, cookies, headers })\n\n  const i18n: I18nClient = await initI18n({\n    config: i18nConfig,\n    context: 'client',\n    language,\n  })\n\n  const languageOptions = Object.entries(payload.config.i18n.supportedLanguages || {}).reduce(\n    (acc, [language, languageConfig]) => {\n      if (Object.keys(payload.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  )\n\n  const req = await createLocalReq(\n    {\n      fallbackLocale: null,\n      req: {\n        host: headers.get('host'),\n        i18n,\n        query: qs.parse(queryString, {\n          depth: 10,\n          ignoreQueryPrefix: true,\n        }),\n        url: `${payload.config.serverURL}${route}${searchParams ? queryString : ''}`,\n      } as PayloadRequestWithData,\n    },\n    payload,\n  )\n\n  const { permissions, user } = await payload.auth({ headers, req })\n  req.user = user\n\n  const localeParam = searchParams?.locale as string\n  let locale: Locale\n\n  if (localization) {\n    const defaultLocaleCode = localization.defaultLocale ? localization.defaultLocale : 'en'\n    let localeCode: string = localeParam\n\n    if (!localeCode) {\n      try {\n        localeCode = await payload\n          .find({\n            collection: 'payload-preferences',\n            depth: 0,\n            limit: 1,\n            user,\n            where: {\n              and: [\n                {\n                  'user.relationTo': {\n                    equals: payload.config.admin.user,\n                  },\n                },\n                {\n                  'user.value': {\n                    equals: user.id,\n                  },\n                },\n                {\n                  key: {\n                    equals: 'locale',\n                  },\n                },\n              ],\n            },\n          })\n          ?.then((res) => res.docs?.[0]?.value as string)\n      } catch (error) {} // eslint-disable-line no-empty\n    }\n\n    locale = findLocaleFromCode(localization, localeCode)\n\n    if (!locale) locale = findLocaleFromCode(localization, defaultLocaleCode)\n    req.locale = locale.code\n  }\n\n  const visibleEntities: VisibleEntities = {\n    collections: collections\n      .map(({ slug, admin: { hidden } }) => (!isEntityHidden({ hidden, user }) ? slug : null))\n      .filter(Boolean),\n    globals: globals\n      .map(({ slug, admin: { hidden } }) => (!isEntityHidden({ hidden, user }) ? slug : null))\n      .filter(Boolean),\n  }\n\n  if (redirectUnauthenticatedUser && !user) {\n    handleAuthRedirect({\n      config: payload.config,\n      redirectUnauthenticatedUser,\n      route,\n      searchParams,\n    })\n  }\n\n  const { collectionConfig, docID, globalConfig } = handleAdminPage({\n    adminRoute,\n    config: payload.config,\n    permissions,\n    route,\n  })\n\n  return {\n    collectionConfig,\n    cookies,\n    docID,\n    globalConfig,\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    translations: i18n.translations,\n    visibleEntities,\n  }\n}\n"],"names":["initI18n","findLocaleFromCode","headers","getHeaders","createLocalReq","isEntityHidden","parseCookies","qs","getPayloadHMR","getRequestLanguage","handleAdminPage","handleAuthRedirect","initPage","config","configPromise","redirectUnauthenticatedUser","route","searchParams","payload","collections","globals","i18n","i18nConfig","localization","routes","admin","adminRoute","queryString","stringify","addQueryPrefix","cookies","language","context","languageOptions","Object","entries","supportedLanguages","reduce","acc","languageConfig","keys","includes","push","label","translations","general","thisLanguage","value","req","fallbackLocale","host","get","query","parse","depth","ignoreQueryPrefix","url","serverURL","permissions","user","auth","localeParam","locale","defaultLocaleCode","defaultLocale","localeCode","find","collection","limit","where","and","equals","id","key","then","res","docs","error","code","visibleEntities","map","slug","hidden","filter","Boolean","collectionConfig","docID","globalConfig"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/utilities/initPage/shared.d.ts

@@ -0,0 +1,4 @@
+import type { SanitizedConfig } from 'payload';
+export declare const isAdminRoute: (route: string, adminRoute: string) => boolean;
+export declare const isAdminAuthRoute: (config: SanitizedConfig, route: string, adminRoute: string) => boolean;
+//# sourceMappingURL=shared.d.ts.map

package/dist/utilities/initPage/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/utilities/initPage/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAa9C,eAAO,MAAM,YAAY,UAAW,MAAM,cAAc,MAAM,YAE7D,CAAA;AAED,eAAO,MAAM,gBAAgB,WAAY,eAAe,SAAS,MAAM,cAAc,MAAM,YAQ1F,CAAA"}

package/dist/utilities/initPage/shared.js

@@ -0,0 +1,19 @@
+const authRouteKeys = [
+    'createFirstUser',
+    'forgot',
+    'login',
+    'logout',
+    'forgot',
+    'inactivity',
+    'unauthorized',
+    'reset'
+];
+export const isAdminRoute = (route, adminRoute)=>{
+    return route.startsWith(adminRoute);
+};
+export const isAdminAuthRoute = (config, route, adminRoute)=>{
+    const authRoutes = config.admin?.routes ? Object.entries(config.admin.routes).filter(([key])=>authRouteKeys.includes(key)).map(([_, value])=>value) : [];
+    return authRoutes.some((r)=>route.replace(adminRoute, '').startsWith(r));
+};
+
+//# sourceMappingURL=shared.js.map

package/dist/utilities/initPage/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utilities/initPage/shared.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload'\n\nconst authRouteKeys: (keyof SanitizedConfig['admin']['routes'])[] = [\n  'createFirstUser',\n  'forgot',\n  'login',\n  'logout',\n  'forgot',\n  'inactivity',\n  'unauthorized',\n  'reset',\n]\n\nexport const isAdminRoute = (route: string, adminRoute: string) => {\n  return route.startsWith(adminRoute)\n}\n\nexport const isAdminAuthRoute = (config: SanitizedConfig, route: string, adminRoute: string) => {\n  const authRoutes = config.admin?.routes\n    ? Object.entries(config.admin.routes)\n        .filter(([key]) => authRouteKeys.includes(key as keyof SanitizedConfig['admin']['routes']))\n        .map(([_, value]) => value)\n    : []\n\n  return authRoutes.some((r) => route.replace(adminRoute, '').startsWith(r))\n}\n"],"names":["authRouteKeys","isAdminRoute","route","adminRoute","startsWith","isAdminAuthRoute","config","authRoutes","admin","routes","Object","entries","filter","key","includes","map","_","value","some","r","replace"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAEA,MAAMA,gBAA8D;IAClE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,eAAe,CAACC,OAAeC;IAC1C,OAAOD,MAAME,UAAU,CAACD;AAC1B,EAAC;AAED,OAAO,MAAME,mBAAmB,CAACC,QAAyBJ,OAAeC;IACvE,MAAMI,aAAaD,OAAOE,KAAK,EAAEC,SAC7BC,OAAOC,OAAO,CAACL,OAAOE,KAAK,CAACC,MAAM,EAC/BG,MAAM,CAAC,CAAC,CAACC,IAAI,GAAKb,cAAcc,QAAQ,CAACD,MACzCE,GAAG,CAAC,CAAC,CAACC,GAAGC,MAAM,GAAKA,SACvB,EAAE;IAEN,OAAOV,WAAWW,IAAI,CAAC,CAACC,IAAMjB,MAAMkB,OAAO,CAACjB,YAAY,IAAIC,UAAU,CAACe;AACzE,EAAC"}

package/dist/utilities/initPage/types.d.ts

@@ -0,0 +1,24 @@
+import type { SanitizedConfig } from 'payload';
+export type Args = {
+    /**
+     * Your sanitized Payload config.
+     * If unresolved, this function will await the promise.
+     */
+    config: Promise<SanitizedConfig> | SanitizedConfig;
+    /**
+     * If true, redirects unauthenticated users to the admin login page.
+     * If a string is provided, the user will be redirected to that specific URL.
+     */
+    redirectUnauthenticatedUser?: boolean | string;
+    /**
+     * The current route, i.e. `/admin/collections/posts`.
+     */
+    route: string;
+    /**
+     * The search parameters of the current route provided to all pages in Next.js.
+     */
+    searchParams: {
+        [key: string]: string | string[] | undefined;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/utilities/initPage/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utilities/initPage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,MAAM,IAAI,GAAG;IACjB;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAAA;IAClD;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CAAA"}

package/dist/utilities/initPage/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utilities/initPage/types.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload'\n\nexport type Args = {\n  /**\n   * Your sanitized Payload config.\n   * If unresolved, this function will await the promise.\n   */\n  config: Promise<SanitizedConfig> | SanitizedConfig\n  /**\n   * If true, redirects unauthenticated users to the admin login page.\n   * If a string is provided, the user will be redirected to that specific URL.\n   */\n  redirectUnauthenticatedUser?: boolean | string\n  /**\n   * The current route, i.e. `/admin/collections/posts`.\n   */\n  route: string\n  /**\n   * The search parameters of the current route provided to all pages in Next.js.\n   */\n  searchParams: { [key: string]: string | string[] | undefined }\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAmBC"}

package/dist/utilities/meta.d.ts

@@ -1,9 +1,5 @@
-import type { Metadata } from 'next';
-import type { SanitizedConfig } from 'payload/types';
-export declare const meta: (args: {
-    config: SanitizedConfig;
-    description?: string;
-    keywords?: string;
-    title: string;
-}) => Promise<Metadata>;
+import type { MetaConfig } from 'payload';
+export declare const meta: (args: MetaConfig & {
+    serverURL: string;
+}) => Promise<any>;
 //# sourceMappingURL=meta.d.ts.map

package/dist/utilities/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/utilities/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,eAAO,MAAM,IAAI,SAAgB;IAC/B,MAAM,EAAE,eAAe,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,KAAG,QAAQ,QAAQ,CAqCnB,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/utilities/meta.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAYzC,eAAO,MAAM,IAAI,SAAgB,UAAU,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,KAAG,QAAQ,GAAG,CAwFhF,CAAA"}

package/dist/utilities/meta.js

@@ -1,35 +1,73 @@
-import { payloadFavicon, payloadOgImage } from '@payloadcms/ui/assets';
+import { payloadFaviconDark, payloadFaviconLight, staticOGImage } from '@payloadcms/ui/assets';
+import QueryString from 'qs';
+const defaultOpenGraph = {
+    description: 'Payload is a headless CMS and application framework built with TypeScript, Node.js, and React.',
+    siteName: 'Payload App',
+    title: 'Payload App'
+};
 export const meta = async (args)=>{
-    const { config, description = '', keywords = 'CMS, Admin, Dashboard', title } = args;
-    const titleSuffix = config.admin.meta?.titleSuffix ?? '- Payload';
-    const favicon = config?.admin?.meta?.favicon ?? payloadFavicon?.src;
-    const ogImage = config.admin?.meta?.ogImage ?? payloadOgImage?.src;
-    return {
-        description,
-        icons: [
-            {
-                type: 'image/svg',
-                rel: 'icon',
-                url: favicon
-            }
-        ],
-        keywords,
-        metadataBase: new URL(config?.serverURL || process.env.PAYLOAD_PUBLIC_SERVER_URL || `http://localhost:${process.env.PORT || 3000}`),
-        openGraph: {
-            type: 'website',
-            description,
+    const { defaultOGImageType, description, icons: customIcons, keywords, openGraph: openGraphFromProps, serverURL, title, titleSuffix } = args;
+    const payloadIcons = [
+        {
+            type: 'image/png',
+            rel: 'icon',
+            sizes: '32x32',
+            url: typeof payloadFaviconDark === 'object' ? payloadFaviconDark?.src : payloadFaviconDark
+        },
+        {
+            type: 'image/png',
+            media: '(prefers-color-scheme: dark)',
+            rel: 'icon',
+            sizes: '32x32',
+            url: typeof payloadFaviconLight === 'object' ? payloadFaviconLight?.src : payloadFaviconLight
+        }
+    ];
+    let icons = customIcons ?? payloadIcons // TODO: fix this type assertion
+    ;
+    if (customIcons && typeof customIcons === 'object' && Array.isArray(customIcons)) {
+        icons = payloadIcons.concat(customIcons) // TODO: fix this type assertion
+        ;
+    }
+    const metaTitle = `${title} ${titleSuffix}`;
+    const ogTitle = `${typeof openGraphFromProps?.title === 'string' ? openGraphFromProps.title : title} ${titleSuffix}`;
+    const mergedOpenGraph = {
+        ...defaultOpenGraph || {},
+        ...defaultOGImageType === 'dynamic' ? {
             images: [
                 {
-                    alt: `${title} ${titleSuffix}`,
+                    alt: ogTitle,
                     height: 630,
-                    url: ogImage,
+                    url: `/api/og${QueryString.stringify({
+                        description: openGraphFromProps?.description || defaultOpenGraph.description,
+                        title: ogTitle
+                    }, {
+                        addQueryPrefix: true
+                    })}`,
                     width: 1200
                 }
-            ],
-            title: `${title} ${titleSuffix}`
-        },
-        title: `${title} ${titleSuffix}`
+            ]
+        } : {},
+        ...defaultOGImageType === 'static' ? {
+            images: [
+                {
+                    alt: ogTitle,
+                    height: 480,
+                    url: typeof staticOGImage === 'object' ? staticOGImage?.src : staticOGImage,
+                    width: 640
+                }
+            ]
+        } : {},
+        title: ogTitle,
+        ...openGraphFromProps || {}
     };
+    return Promise.resolve({
+        description,
+        icons,
+        keywords,
+        metadataBase: new URL(serverURL || process.env.PAYLOAD_PUBLIC_SERVER_URL || `http://localhost:${process.env.PORT || 3000}`),
+        openGraph: mergedOpenGraph,
+        title: metaTitle
+    });
 };
 
 //# sourceMappingURL=meta.js.map

package/dist/utilities/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport { payloadFavicon, payloadOgImage } from '@payloadcms/ui/assets'\n\nexport const meta = async (args: {\n  config: SanitizedConfig\n  description?: string\n  keywords?: string\n  title: string\n}): Promise<Metadata> => {\n  const { config, description = '', keywords = 'CMS, Admin, Dashboard', title } = args\n\n  const titleSuffix = config.admin.meta?.titleSuffix ?? '- Payload'\n  const favicon = config?.admin?.meta?.favicon ?? payloadFavicon?.src\n  const ogImage = config.admin?.meta?.ogImage ?? payloadOgImage?.src\n\n  return {\n    description,\n    icons: [\n      {\n        type: 'image/svg',\n        rel: 'icon',\n        url: favicon,\n      },\n    ],\n    keywords,\n    metadataBase: new URL(\n      config?.serverURL ||\n        process.env.PAYLOAD_PUBLIC_SERVER_URL ||\n        `http://localhost:${process.env.PORT || 3000}`,\n    ),\n    openGraph: {\n      type: 'website',\n      description,\n      images: [\n        {\n          alt: `${title} ${titleSuffix}`,\n          height: 630,\n          url: ogImage,\n          width: 1200,\n        },\n      ],\n      title: `${title} ${titleSuffix}`,\n    },\n    title: `${title} ${titleSuffix}`,\n  }\n}\n"],"names":["payloadFavicon","payloadOgImage","meta","args","config","description","keywords","title","titleSuffix","admin","favicon","src","ogImage","icons","type","rel","url","metadataBase","URL","serverURL","process","env","PAYLOAD_PUBLIC_SERVER_URL","PORT","openGraph","images","alt","height","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,cAAc,EAAEC,cAAc,QAAQ,wBAAuB;AAEtE,OAAO,MAAMC,OAAO,OAAOC;IAMzB,MAAM,EAAEC,MAAM,EAAEC,cAAc,EAAE,EAAEC,WAAW,uBAAuB,EAAEC,KAAK,EAAE,GAAGJ;IAEhF,MAAMK,cAAcJ,OAAOK,KAAK,CAACP,IAAI,EAAEM,eAAe;IACtD,MAAME,UAAUN,QAAQK,OAAOP,MAAMQ,WAAWV,gBAAgBW;IAChE,MAAMC,UAAUR,OAAOK,KAAK,EAAEP,MAAMU,WAAWX,gBAAgBU;IAE/D,OAAO;QACLN;QACAQ,OAAO;YACL;gBACEC,MAAM;gBACNC,KAAK;gBACLC,KAAKN;YACP;SACD;QACDJ;QACAW,cAAc,IAAIC,IAChBd,QAAQe,aACNC,QAAQC,GAAG,CAACC,yBAAyB,IACrC,CAAC,iBAAiB,EAAEF,QAAQC,GAAG,CAACE,IAAI,IAAI,KAAK,CAAC;QAElDC,WAAW;YACTV,MAAM;YACNT;YACAoB,QAAQ;gBACN;oBACEC,KAAK,CAAC,EAAEnB,MAAM,CAAC,EAAEC,YAAY,CAAC;oBAC9BmB,QAAQ;oBACRX,KAAKJ;oBACLgB,OAAO;gBACT;aACD;YACDrB,OAAO,CAAC,EAAEA,MAAM,CAAC,EAAEC,YAAY,CAAC;QAClC;QACAD,OAAO,CAAC,EAAEA,MAAM,CAAC,EAAEC,YAAY,CAAC;IAClC;AACF,EAAC"}
+{"version":3,"sources":["../../src/utilities/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { Icon } from 'next/dist/lib/metadata/types/metadata-types.js'\nimport type { MetaConfig } from 'payload'\n\nimport { payloadFaviconDark, payloadFaviconLight, staticOGImage } from '@payloadcms/ui/assets'\nimport QueryString from 'qs'\n\nconst defaultOpenGraph = {\n  description:\n    'Payload is a headless CMS and application framework built with TypeScript, Node.js, and React.',\n  siteName: 'Payload App',\n  title: 'Payload App',\n}\n\nexport const meta = async (args: MetaConfig & { serverURL: string }): Promise<any> => {\n  const {\n    defaultOGImageType,\n    description,\n    icons: customIcons,\n    keywords,\n    openGraph: openGraphFromProps,\n    serverURL,\n    title,\n    titleSuffix,\n  } = args\n\n  const payloadIcons: Icon[] = [\n    {\n      type: 'image/png',\n      rel: 'icon',\n      sizes: '32x32',\n      url: typeof payloadFaviconDark === 'object' ? payloadFaviconDark?.src : payloadFaviconDark,\n    },\n    {\n      type: 'image/png',\n      media: '(prefers-color-scheme: dark)',\n      rel: 'icon',\n      sizes: '32x32',\n      url: typeof payloadFaviconLight === 'object' ? payloadFaviconLight?.src : payloadFaviconLight,\n    },\n  ]\n\n  let icons = customIcons ?? payloadIcons // TODO: fix this type assertion\n\n  if (customIcons && typeof customIcons === 'object' && Array.isArray(customIcons)) {\n    icons = payloadIcons.concat(customIcons) // TODO: fix this type assertion\n  }\n\n  const metaTitle = `${title} ${titleSuffix}`\n\n  const ogTitle = `${typeof openGraphFromProps?.title === 'string' ? openGraphFromProps.title : title} ${titleSuffix}`\n\n  const mergedOpenGraph: Metadata['openGraph'] = {\n    ...(defaultOpenGraph || {}),\n    ...(defaultOGImageType === 'dynamic'\n      ? {\n          images: [\n            {\n              alt: ogTitle,\n              height: 630,\n              url: `/api/og${QueryString.stringify(\n                {\n                  description: openGraphFromProps?.description || defaultOpenGraph.description,\n                  title: ogTitle,\n                },\n                {\n                  addQueryPrefix: true,\n                },\n              )}`,\n              width: 1200,\n            },\n          ],\n        }\n      : {}),\n    ...(defaultOGImageType === 'static'\n      ? {\n          images: [\n            {\n              alt: ogTitle,\n              height: 480,\n              url: typeof staticOGImage === 'object' ? staticOGImage?.src : staticOGImage,\n              width: 640,\n            },\n          ],\n        }\n      : {}),\n    title: ogTitle,\n    ...(openGraphFromProps || {}),\n  }\n\n  return Promise.resolve({\n    description,\n    icons,\n    keywords,\n    metadataBase: new URL(\n      serverURL ||\n        process.env.PAYLOAD_PUBLIC_SERVER_URL ||\n        `http://localhost:${process.env.PORT || 3000}`,\n    ),\n    openGraph: mergedOpenGraph,\n    title: metaTitle,\n  })\n}\n"],"names":["payloadFaviconDark","payloadFaviconLight","staticOGImage","QueryString","defaultOpenGraph","description","siteName","title","meta","args","defaultOGImageType","icons","customIcons","keywords","openGraph","openGraphFromProps","serverURL","titleSuffix","payloadIcons","type","rel","sizes","url","src","media","Array","isArray","concat","metaTitle","ogTitle","mergedOpenGraph","images","alt","height","stringify","addQueryPrefix","width","Promise","resolve","metadataBase","URL","process","env","PAYLOAD_PUBLIC_SERVER_URL","PORT"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,kBAAkB,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,wBAAuB;AAC9F,OAAOC,iBAAiB,KAAI;AAE5B,MAAMC,mBAAmB;IACvBC,aACE;IACFC,UAAU;IACVC,OAAO;AACT;AAEA,OAAO,MAAMC,OAAO,OAAOC;IACzB,MAAM,EACJC,kBAAkB,EAClBL,WAAW,EACXM,OAAOC,WAAW,EAClBC,QAAQ,EACRC,WAAWC,kBAAkB,EAC7BC,SAAS,EACTT,KAAK,EACLU,WAAW,EACZ,GAAGR;IAEJ,MAAMS,eAAuB;QAC3B;YACEC,MAAM;YACNC,KAAK;YACLC,OAAO;YACPC,KAAK,OAAOtB,uBAAuB,WAAWA,oBAAoBuB,MAAMvB;QAC1E;QACA;YACEmB,MAAM;YACNK,OAAO;YACPJ,KAAK;YACLC,OAAO;YACPC,KAAK,OAAOrB,wBAAwB,WAAWA,qBAAqBsB,MAAMtB;QAC5E;KACD;IAED,IAAIU,QAAQC,eAAeM,aAAa,gCAAgC;;IAExE,IAAIN,eAAe,OAAOA,gBAAgB,YAAYa,MAAMC,OAAO,CAACd,cAAc;QAChFD,QAAQO,aAAaS,MAAM,CAACf,aAAa,gCAAgC;;IAC3E;IAEA,MAAMgB,YAAY,CAAC,EAAErB,MAAM,CAAC,EAAEU,YAAY,CAAC;IAE3C,MAAMY,UAAU,CAAC,EAAE,OAAOd,oBAAoBR,UAAU,WAAWQ,mBAAmBR,KAAK,GAAGA,MAAM,CAAC,EAAEU,YAAY,CAAC;IAEpH,MAAMa,kBAAyC;QAC7C,GAAI1B,oBAAoB,CAAC,CAAC;QAC1B,GAAIM,uBAAuB,YACvB;YACEqB,QAAQ;gBACN;oBACEC,KAAKH;oBACLI,QAAQ;oBACRX,KAAK,CAAC,OAAO,EAAEnB,YAAY+B,SAAS,CAClC;wBACE7B,aAAaU,oBAAoBV,eAAeD,iBAAiBC,WAAW;wBAC5EE,OAAOsB;oBACT,GACA;wBACEM,gBAAgB;oBAClB,GACA,CAAC;oBACHC,OAAO;gBACT;aACD;QACH,IACA,CAAC,CAAC;QACN,GAAI1B,uBAAuB,WACvB;YACEqB,QAAQ;gBACN;oBACEC,KAAKH;oBACLI,QAAQ;oBACRX,KAAK,OAAOpB,kBAAkB,WAAWA,eAAeqB,MAAMrB;oBAC9DkC,OAAO;gBACT;aACD;QACH,IACA,CAAC,CAAC;QACN7B,OAAOsB;QACP,GAAId,sBAAsB,CAAC,CAAC;IAC9B;IAEA,OAAOsB,QAAQC,OAAO,CAAC;QACrBjC;QACAM;QACAE;QACA0B,cAAc,IAAIC,IAChBxB,aACEyB,QAAQC,GAAG,CAACC,yBAAyB,IACrC,CAAC,iBAAiB,EAAEF,QAAQC,GAAG,CAACE,IAAI,IAAI,KAAK,CAAC;QAElD9B,WAAWgB;QACXvB,OAAOqB;IACT;AACF,EAAC"}

package/dist/views/API/LocaleSelector/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const LocaleSelector: React.FC<{
+    localeOptions: {
+        label: Record<string, string> | string;
+        value: string;
+    }[];
+    onChange: (value: string) => void;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/API/LocaleSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QACtC,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAYA,CAAA"}

package/dist/views/API/LocaleSelector/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SelectField, useTranslation } from '@payloadcms/ui/client';
+import React from 'react';
+export const LocaleSelector = ({ localeOptions, onChange })=>{
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsx(SelectField, {
+        label: t('general:locale'),
+        name: "locale",
+        onChange: (value)=>onChange(value),
+        options: localeOptions,
+        path: "locale"
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/views/API/LocaleSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"sourcesContent":["import { SelectField, useTranslation } from '@payloadcms/ui/client'\nimport React from 'react'\n\nexport const LocaleSelector: React.FC<{\n  localeOptions: {\n    label: Record<string, string> | string\n    value: string\n  }[]\n  onChange: (value: string) => void\n}> = ({ localeOptions, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <SelectField\n      label={t('general:locale')}\n      name=\"locale\"\n      onChange={(value: string) => onChange(value)}\n      options={localeOptions}\n      path=\"locale\"\n    />\n  )\n}\n"],"names":["SelectField","useTranslation","React","LocaleSelector","localeOptions","onChange","t","label","name","value","options","path"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,SAASA,WAAW,EAAEC,cAAc,QAAQ,wBAAuB;AACnE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,iBAMR,CAAC,EAAEC,aAAa,EAAEC,QAAQ,EAAE;IAC/B,MAAM,EAAEC,CAAC,EAAE,GAAGL;IAEd,qBACE,KAACD;QACCO,OAAOD,EAAE;QACTE,MAAK;QACLH,UAAU,CAACI,QAAkBJ,SAASI;QACtCC,SAASN;QACTO,MAAK;;AAGX,EAAC"}

package/dist/views/API/RenderJSON/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { Chevron } from '@payloadcms/ui/icons/Chevron';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronIcon } from '@payloadcms/ui/client';
 import * as React from 'react';
 const chars = {
     leftCurlyBracket: '\u007B',
@@ -12,79 +13,110 @@ const Bracket = ({ type, comma = false, position })=>{
     const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket;
     const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket;
     const bracketToRender = position === 'end' ? rightBracket : leftBracket;
-    return /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__bracket ${baseClass}__bracket--position-${position}`
-    }, bracketToRender, position === 'end' && comma ? ',' : null);
+    return /*#__PURE__*/ _jsxs("span", {
+        className: `${baseClass}__bracket ${baseClass}__bracket--position-${position}`,
+        children: [
+            bracketToRender,
+            position === 'end' && comma ? ',' : null
+        ]
+    });
 };
 export const RenderJSON = ({ isEmpty = false, object, objectKey, parentType = 'object', trailingComma = false })=>{
     const objectKeys = object ? Object.keys(object) : [];
     const objectLength = objectKeys.length;
     const [isOpen, setIsOpen] = React.useState(true);
-    return /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("button", {
-        "aria-label": "toggle",
-        className: `${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`,
-        onClick: ()=>setIsOpen(!isOpen),
-        type: "button"
-    }, isEmpty ? null : /*#__PURE__*/ React.createElement(Chevron, {
-        className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? 'open' : 'closed'}`
-    }), /*#__PURE__*/ React.createElement("span", null, objectKey && `"${objectKey}": `, /*#__PURE__*/ React.createElement(Bracket, {
-        position: "start",
-        type: parentType
-    }), isEmpty ? /*#__PURE__*/ React.createElement(Bracket, {
-        comma: trailingComma,
-        position: "end",
-        type: parentType
-    }) : null)), /*#__PURE__*/ React.createElement("ul", {
-        className: `${baseClass}__json-children`
-    }, isOpen && objectKeys.map((key, keyIndex)=>{
-        let value = object[key];
-        let type = 'string';
-        const isLastKey = keyIndex === objectLength - 1;
-        if (value === null) {
-            type = 'null';
-        } else if (value instanceof Date) {
-            type = 'date';
-            value = value.toISOString();
-        } else if (Array.isArray(value)) {
-            type = 'array';
-        } else if (typeof value === 'object') {
-            type = 'object';
-        } else if (typeof value === 'number') {
-            type = 'number';
-        } else if (typeof value === 'boolean') {
-            type = 'boolean';
-        } else {
-            type = 'string';
-        }
-        if (type === 'object' || type === 'array') {
-            return /*#__PURE__*/ React.createElement(RenderJSON, {
-                isEmpty: value.length === 0 || Object.keys(value).length === 0,
-                key: `${key}-${keyIndex}`,
-                object: value,
-                objectKey: parentType === 'object' ? key : undefined,
-                parentType: type,
-                trailingComma: !isLastKey
-            });
-        }
-        if (type === 'date' || type === 'string' || type === 'null' || type === 'number' || type === 'boolean') {
-            const parentHasKey = Boolean(parentType === 'object' && key);
-            const rowClasses = [
-                `${baseClass}__row-line`,
-                `${baseClass}__value-type--${type}`,
-                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`
-            ].filter(Boolean).join(' ');
-            return /*#__PURE__*/ React.createElement("li", {
-                className: rowClasses,
-                key: `${key}-${keyIndex}`
-            }, parentHasKey ? /*#__PURE__*/ React.createElement("span", null, `"${key}": `) : null, /*#__PURE__*/ React.createElement("span", {
-                className: `${baseClass}__value`
-            }, JSON.stringify(value)), isLastKey ? '' : ',');
-        }
-    })), !isEmpty && /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(Bracket, {
-        comma: trailingComma,
-        position: "end",
-        type: parentType
-    })));
+    const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array');
+    return /*#__PURE__*/ _jsxs("li", {
+        className: isNestedAndEmpty ? `${baseClass}__row-line--nested` : '',
+        children: [
+            /*#__PURE__*/ _jsxs("button", {
+                "aria-label": "toggle",
+                className: `${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`,
+                onClick: ()=>setIsOpen(!isOpen),
+                type: "button",
+                children: [
+                    isEmpty ? null : /*#__PURE__*/ _jsx(ChevronIcon, {
+                        className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? 'open' : 'closed'}`
+                    }),
+                    /*#__PURE__*/ _jsxs("span", {
+                        children: [
+                            objectKey && `"${objectKey}": `,
+                            /*#__PURE__*/ _jsx(Bracket, {
+                                position: "start",
+                                type: parentType
+                            }),
+                            isEmpty ? /*#__PURE__*/ _jsx(Bracket, {
+                                comma: trailingComma,
+                                position: "end",
+                                type: parentType
+                            }) : null
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("ul", {
+                className: `${baseClass}__json-children`,
+                children: isOpen && objectKeys.map((key, keyIndex)=>{
+                    let value = object[key];
+                    let type = 'string';
+                    const isLastKey = keyIndex === objectLength - 1;
+                    if (value === null) {
+                        type = 'null';
+                    } else if (value instanceof Date) {
+                        type = 'date';
+                        value = value.toISOString();
+                    } else if (Array.isArray(value)) {
+                        type = 'array';
+                    } else if (typeof value === 'object') {
+                        type = 'object';
+                    } else if (typeof value === 'number') {
+                        type = 'number';
+                    } else if (typeof value === 'boolean') {
+                        type = 'boolean';
+                    } else {
+                        type = 'string';
+                    }
+                    if (type === 'object' || type === 'array') {
+                        return /*#__PURE__*/ _jsx(RenderJSON, {
+                            isEmpty: value.length === 0 || Object.keys(value).length === 0,
+                            object: value,
+                            objectKey: parentType === 'object' ? key : undefined,
+                            parentType: type,
+                            trailingComma: !isLastKey
+                        }, `${key}-${keyIndex}`);
+                    }
+                    if (type === 'date' || type === 'string' || type === 'null' || type === 'number' || type === 'boolean') {
+                        const parentHasKey = Boolean(parentType === 'object' && key);
+                        const rowClasses = [
+                            `${baseClass}__row-line`,
+                            `${baseClass}__value-type--${type}`,
+                            `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`
+                        ].filter(Boolean).join(' ');
+                        return /*#__PURE__*/ _jsxs("li", {
+                            className: rowClasses,
+                            children: [
+                                parentHasKey ? /*#__PURE__*/ _jsx("span", {
+                                    children: `"${key}": `
+                                }) : null,
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: `${baseClass}__value`,
+                                    children: JSON.stringify(value)
+                                }),
+                                isLastKey ? '' : ','
+                            ]
+                        }, `${key}-${keyIndex}`);
+                    }
+                })
+            }),
+            !isEmpty && /*#__PURE__*/ _jsx("span", {
+                children: /*#__PURE__*/ _jsx(Bracket, {
+                    comma: trailingComma,
+                    position: "end",
+                    type: parentType
+                })
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map