@payloadcms/next 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/utilities/initPage/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAYpD,eAAO,MAAM,YAAY,UAAW,MAAM,cAAc,MAAM,YAE7D,CAAA;AAED,eAAO,MAAM,gBAAgB,WAAY,eAAe,SAAS,MAAM,cAAc,MAAM,YAQ1F,CAAA"}
+{"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,mCAItB;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,KAAG,OAEH,CAAA;AAED,eAAO,MAAM,gBAAgB,mCAI1B;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,KAAG,OAQH,CAAA;AAED,eAAO,MAAM,oBAAoB,2BAG9B;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,KAAG,MAEH,CAAA"}

package/dist/utilities/initPage/shared.js

@@ -5,14 +5,25 @@ const authRouteKeys = [
     'logout',
     'forgot',
     'inactivity',
-    'unauthorized'
+    'unauthorized',
+    'reset'
 ];
-export const isAdminRoute = (route, adminRoute)=>{
-    return route.startsWith(adminRoute);
+export const isAdminRoute = ({ adminRoute, config, route })=>{
+    return route.startsWith(adminRoute) && !isAdminAuthRoute({
+        adminRoute,
+        config,
+        route
+    });
 };
-export const isAdminAuthRoute = (config, route, adminRoute)=>{
+export const isAdminAuthRoute = ({ adminRoute, config, route })=>{
     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));
+    return authRoutes.some((r)=>getRouteWithoutAdmin({
+            adminRoute,
+            route
+        }).startsWith(r));
+};
+export const getRouteWithoutAdmin = ({ adminRoute, route })=>{
+    return adminRoute && adminRoute !== '/' ? route.replace(adminRoute, '') : route;
 };
 
 //# sourceMappingURL=shared.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utilities/initPage/shared.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload/types'\n\nconst authRouteKeys: (keyof SanitizedConfig['admin']['routes'])[] = [\n  'createFirstUser',\n  'forgot',\n  'login',\n  'logout',\n  'forgot',\n  'inactivity',\n  'unauthorized',\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;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"}
+{"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 = ({\n  adminRoute,\n  config,\n  route,\n}: {\n  adminRoute: string\n  config: SanitizedConfig\n  route: string\n}): boolean => {\n  return route.startsWith(adminRoute) && !isAdminAuthRoute({ adminRoute, config, route })\n}\n\nexport const isAdminAuthRoute = ({\n  adminRoute,\n  config,\n  route,\n}: {\n  adminRoute: string\n  config: SanitizedConfig\n  route: string\n}): boolean => {\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) => getRouteWithoutAdmin({ adminRoute, route }).startsWith(r))\n}\n\nexport const getRouteWithoutAdmin = ({\n  adminRoute,\n  route,\n}: {\n  adminRoute: string\n  route: string\n}): string => {\n  return adminRoute && adminRoute !== '/' ? route.replace(adminRoute, '') : route\n}\n"],"names":["authRouteKeys","isAdminRoute","adminRoute","config","route","startsWith","isAdminAuthRoute","authRoutes","admin","routes","Object","entries","filter","key","includes","map","_","value","some","r","getRouteWithoutAdmin","replace"],"mappings":"AAEA,MAAMA,gBAA8D;IAClE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,MAAM,EACNC,KAAK,EAKN;IACC,OAAOA,MAAMC,UAAU,CAACH,eAAe,CAACI,iBAAiB;QAAEJ;QAAYC;QAAQC;IAAM;AACvF,EAAC;AAED,OAAO,MAAME,mBAAmB,CAAC,EAC/BJ,UAAU,EACVC,MAAM,EACNC,KAAK,EAKN;IACC,MAAMG,aAAaJ,OAAOK,KAAK,EAAEC,SAC7BC,OAAOC,OAAO,CAACR,OAAOK,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,IAAMC,qBAAqB;YAAElB;YAAYE;QAAM,GAAGC,UAAU,CAACc;AACvF,EAAC;AAED,OAAO,MAAMC,uBAAuB,CAAC,EACnClB,UAAU,EACVE,KAAK,EAIN;IACC,OAAOF,cAAcA,eAAe,MAAME,MAAMiB,OAAO,CAACnB,YAAY,MAAME;AAC5E,EAAC"}

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

@@ -1,10 +1,11 @@
-import type { SanitizedConfig } from 'payload/types';
+import type { ImportMap, SanitizedConfig } from 'payload';
 export type Args = {
     /**
      * Your sanitized Payload config.
      * If unresolved, this function will await the promise.
      */
     config: Promise<SanitizedConfig> | SanitizedConfig;
+    importMap: ImportMap;
     /**
      * If true, redirects unauthenticated users to the admin login page.
      * If a string is provided, the user will be redirected to that specific URL.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utilities/initPage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utilities/initPage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzD,MAAM,MAAM,IAAI,GAAG;IACjB;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAAA;IAClD,SAAS,EAAE,SAAS,CAAA;IACpB;;;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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utilities/initPage/types.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload/types'\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"}
+{"version":3,"sources":["../../../src/utilities/initPage/types.ts"],"sourcesContent":["import type { ImportMap, 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  importMap: ImportMap\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":[],"mappings":"AAEA,WAoBC"}

package/dist/utilities/mergeHeaders.d.ts

@@ -0,0 +1,2 @@
+export declare const mergeHeaders: (sourceHeaders: Headers, destinationHeaders: Headers) => Headers;
+//# sourceMappingURL=mergeHeaders.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mergeHeaders.d.ts","sourceRoot":"","sources":["../../src/utilities/mergeHeaders.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,kBAAmB,OAAO,sBAAsB,OAAO,KAAG,OAUlF,CAAA"}

package/dist/utilities/mergeHeaders.js

@@ -0,0 +1,11 @@
+export const mergeHeaders = (sourceHeaders, destinationHeaders)=>{
+    // Create a new Headers object
+    const combinedHeaders = new Headers(destinationHeaders);
+    // Append sourceHeaders to combinedHeaders
+    sourceHeaders.forEach((value, key)=>{
+        combinedHeaders.append(key, value);
+    });
+    return combinedHeaders;
+};
+
+//# sourceMappingURL=mergeHeaders.js.map

package/dist/utilities/mergeHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utilities/mergeHeaders.ts"],"sourcesContent":["export const mergeHeaders = (sourceHeaders: Headers, destinationHeaders: Headers): Headers => {\n  // Create a new Headers object\n  const combinedHeaders = new Headers(destinationHeaders)\n\n  // Append sourceHeaders to combinedHeaders\n  sourceHeaders.forEach((value, key) => {\n    combinedHeaders.append(key, value)\n  })\n\n  return combinedHeaders\n}\n"],"names":["mergeHeaders","sourceHeaders","destinationHeaders","combinedHeaders","Headers","forEach","value","key","append"],"mappings":"AAAA,OAAO,MAAMA,eAAe,CAACC,eAAwBC;IACnD,8BAA8B;IAC9B,MAAMC,kBAAkB,IAAIC,QAAQF;IAEpC,0CAA0C;IAC1CD,cAAcI,OAAO,CAAC,CAACC,OAAOC;QAC5BJ,gBAAgBK,MAAM,CAACD,KAAKD;IAC9B;IAEA,OAAOH;AACT,EAAC"}

package/dist/utilities/meta.d.ts

@@ -1,5 +1,5 @@
-import type { MetaConfig } from 'payload/config';
-export declare const meta: (args: MetaConfig & {
+import type { MetaConfig } from 'payload';
+export declare const meta: (args: {
     serverURL: string;
-}) => Promise<any>;
+} & MetaConfig) => 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":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAahD,eAAO,MAAM,IAAI,SAAgB,UAAU,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,KAAG,QAAQ,GAAG,CAwFhF,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/utilities/meta.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,SAAS,CAAA;AAYrD,eAAO,MAAM,IAAI,SAAgB;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,KAAG,OAAO,CAAC,GAAG,CAwFhF,CAAA"}

package/dist/utilities/meta.js

@@ -1,6 +1,5 @@
-import { staticOGImage } from '@payloadcms/ui/assets';
-import { payloadFaviconDark, payloadFaviconLight } from '@payloadcms/ui/assets';
-import QueryString from 'qs';
+import { payloadFaviconDark, payloadFaviconLight, staticOGImage } from '@payloadcms/ui/assets';
+import * as qs from 'qs-esm';
 const defaultOpenGraph = {
     description: 'Payload is a headless CMS and application framework built with TypeScript, Node.js, and React.',
     siteName: 'Payload App',
@@ -23,13 +22,14 @@ export const meta = async (args)=>{
             url: typeof payloadFaviconLight === 'object' ? payloadFaviconLight?.src : payloadFaviconLight
         }
     ];
-    let icons = customIcons ?? payloadIcons // TODO: fix this type assertion
-    ;
+    let icons = payloadIcons;
     if (customIcons && typeof customIcons === 'object' && Array.isArray(customIcons)) {
-        icons = payloadIcons.concat(customIcons) // TODO: fix this type assertion
-        ;
+        icons = customIcons;
     }
-    const metaTitle = `${title} ${titleSuffix}`;
+    const metaTitle = [
+        title,
+        titleSuffix
+    ].filter(Boolean).join(' ');
     const ogTitle = `${typeof openGraphFromProps?.title === 'string' ? openGraphFromProps.title : title} ${titleSuffix}`;
     const mergedOpenGraph = {
         ...defaultOpenGraph || {},
@@ -38,7 +38,7 @@ export const meta = async (args)=>{
                 {
                     alt: ogTitle,
                     height: 630,
-                    url: `/api/og${QueryString.stringify({
+                    url: `/api/og${qs.stringify({
                         description: openGraphFromProps?.description || defaultOpenGraph.description,
                         title: ogTitle
                     }, {

package/dist/utilities/meta.js.map

@@ -1 +1 @@
-{"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/config'\n\nimport { staticOGImage } from '@payloadcms/ui/assets'\nimport { payloadFaviconDark, payloadFaviconLight } 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":["staticOGImage","payloadFaviconDark","payloadFaviconLight","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,aAAa,QAAQ,wBAAuB;AACrD,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,wBAAuB;AAC/E,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,OAAOrB,uBAAuB,WAAWA,oBAAoBsB,MAAMtB;QAC1E;QACA;YACEkB,MAAM;YACNK,OAAO;YACPJ,KAAK;YACLC,OAAO;YACPC,KAAK,OAAOpB,wBAAwB,WAAWA,qBAAqBqB,MAAMrB;QAC5E;KACD;IAED,IAAIS,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,OAAOtB,kBAAkB,WAAWA,eAAeuB,MAAMvB;oBAC9DoC,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"}
+{"version":3,"sources":["../../src/utilities/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { IconConfig, MetaConfig } from 'payload'\n\nimport { payloadFaviconDark, payloadFaviconLight, staticOGImage } from '@payloadcms/ui/assets'\nimport * as qs from 'qs-esm'\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: { serverURL: string } & MetaConfig): 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: IconConfig[] = [\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 = payloadIcons\n\n  if (customIcons && typeof customIcons === 'object' && Array.isArray(customIcons)) {\n    icons = customIcons\n  }\n\n  const metaTitle = [title, titleSuffix].filter(Boolean).join(' ')\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${qs.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","qs","defaultOpenGraph","description","siteName","title","meta","args","defaultOGImageType","icons","customIcons","keywords","openGraph","openGraphFromProps","serverURL","titleSuffix","payloadIcons","type","rel","sizes","url","src","media","Array","isArray","metaTitle","filter","Boolean","join","ogTitle","mergedOpenGraph","images","alt","height","stringify","addQueryPrefix","width","Promise","resolve","metadataBase","URL","process","env","PAYLOAD_PUBLIC_SERVER_URL","PORT"],"mappings":"AAGA,SAASA,kBAAkB,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,wBAAuB;AAC9F,YAAYC,QAAQ,SAAQ;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,eAA6B;QACjC;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,QAAQO;IAEZ,IAAIN,eAAe,OAAOA,gBAAgB,YAAYa,MAAMC,OAAO,CAACd,cAAc;QAChFD,QAAQC;IACV;IAEA,MAAMe,YAAY;QAACpB;QAAOU;KAAY,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;IAE5D,MAAMC,UAAU,CAAC,EAAE,OAAOhB,oBAAoBR,UAAU,WAAWQ,mBAAmBR,KAAK,GAAGA,MAAM,CAAC,EAAEU,YAAY,CAAC;IAEpH,MAAMe,kBAAyC;QAC7C,GAAI5B,oBAAoB,CAAC,CAAC;QAC1B,GAAIM,uBAAuB,YACvB;YACEuB,QAAQ;gBACN;oBACEC,KAAKH;oBACLI,QAAQ;oBACRb,KAAK,CAAC,OAAO,EAAEnB,GAAGiC,SAAS,CACzB;wBACE/B,aAAaU,oBAAoBV,eAAeD,iBAAiBC,WAAW;wBAC5EE,OAAOwB;oBACT,GACA;wBACEM,gBAAgB;oBAClB,GACA,CAAC;oBACHC,OAAO;gBACT;aACD;QACH,IACA,CAAC,CAAC;QACN,GAAI5B,uBAAuB,WACvB;YACEuB,QAAQ;gBACN;oBACEC,KAAKH;oBACLI,QAAQ;oBACRb,KAAK,OAAOpB,kBAAkB,WAAWA,eAAeqB,MAAMrB;oBAC9DoC,OAAO;gBACT;aACD;QACH,IACA,CAAC,CAAC;QACN/B,OAAOwB;QACP,GAAIhB,sBAAsB,CAAC,CAAC;IAC9B;IAEA,OAAOwB,QAAQC,OAAO,CAAC;QACrBnC;QACAM;QACAE;QACA4B,cAAc,IAAIC,IAChB1B,aACE2B,QAAQC,GAAG,CAACC,yBAAyB,IACrC,CAAC,iBAAiB,EAAEF,QAAQC,GAAG,CAACE,IAAI,IAAI,KAAK,CAAC;QAElDhC,WAAWkB;QACXzB,OAAOoB;IACT;AACF,EAAC"}

package/dist/utilities/timestamp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/timestamp.ts"],"sourcesContent":["export const timestamp = (label: string) => {\n  if (!process.env.PAYLOAD_TIME) process.env.PAYLOAD_TIME = String(new Date().getTime())\n  const now = new Date()\n  console.log(`[${now.getTime() - Number(process.env.PAYLOAD_TIME)}ms] ${label}`)\n}\n"],"names":["timestamp","label","process","env","PAYLOAD_TIME","String","Date","getTime","now","console","log","Number"],"rangeMappings":";;;;","mappings":"AAAA,OAAO,MAAMA,YAAY,CAACC;IACxB,IAAI,CAACC,QAAQC,GAAG,CAACC,YAAY,EAAEF,QAAQC,GAAG,CAACC,YAAY,GAAGC,OAAO,IAAIC,OAAOC,OAAO;IACnF,MAAMC,MAAM,IAAIF;IAChBG,QAAQC,GAAG,CAAC,CAAC,CAAC,EAAEF,IAAID,OAAO,KAAKI,OAAOT,QAAQC,GAAG,CAACC,YAAY,EAAE,IAAI,EAAEH,MAAM,CAAC;AAChF,EAAC"}
+{"version":3,"sources":["../../src/utilities/timestamp.ts"],"sourcesContent":["export const timestamp = (label: string) => {\n  if (!process.env.PAYLOAD_TIME) process.env.PAYLOAD_TIME = String(new Date().getTime())\n  const now = new Date()\n  console.log(`[${now.getTime() - Number(process.env.PAYLOAD_TIME)}ms] ${label}`)\n}\n"],"names":["timestamp","label","process","env","PAYLOAD_TIME","String","Date","getTime","now","console","log","Number"],"mappings":"AAAA,OAAO,MAAMA,YAAY,CAACC;IACxB,IAAI,CAACC,QAAQC,GAAG,CAACC,YAAY,EAAEF,QAAQC,GAAG,CAACC,YAAY,GAAGC,OAAO,IAAIC,OAAOC,OAAO;IACnF,MAAMC,MAAM,IAAIF;IAChBG,QAAQC,GAAG,CAAC,CAAC,CAAC,EAAEF,IAAID,OAAO,KAAKI,OAAOT,QAAQC,GAAG,CAACC,YAAY,EAAE,IAAI,EAAEH,MAAM,CAAC;AAChF,EAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"names":[],"mappings":"AAEA,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"}
+{"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,QAAQ,CAAC,aAAa,EAAE;QACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QACtC,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAcA,CAAA"}

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

@@ -1,15 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Select } from '@payloadcms/ui/fields/Select';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { SelectField, useTranslation } from '@payloadcms/ui';
 import React from 'react';
 export const LocaleSelector = ({ localeOptions, onChange })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx(Select, {
-        label: t('general:locale'),
-        name: "locale",
-        onChange: (value)=>onChange(value),
-        options: localeOptions,
-        path: "locale"
+    return /*#__PURE__*/ _jsx(SelectField, {
+        field: {
+            name: 'locale',
+            _path: 'locale',
+            label: t('general:locale'),
+            options: localeOptions
+        },
+        onChange: (value)=>onChange(value)
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"sourcesContent":["import { Select } from '@payloadcms/ui/fields/Select'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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    <Select\n      label={t('general:locale')}\n      name=\"locale\"\n      onChange={(value) => onChange(value)}\n      options={localeOptions}\n      path=\"locale\"\n    />\n  )\n}\n"],"names":["Select","useTranslation","React","LocaleSelector","localeOptions","onChange","t","label","name","value","options","path"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AAAA,SAASA,MAAM,QAAQ,+BAA8B;AACrD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,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,QAAUJ,SAASI;QAC9BC,SAASN;QACTO,MAAK;;AAGX,EAAC"}
+{"version":3,"sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"sourcesContent":["import { SelectField, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LocaleSelector: React.FC<{\n  readonly localeOptions: {\n    label: Record<string, string> | string\n    value: string\n  }[]\n  readonly onChange: (value: string) => void\n}> = ({ localeOptions, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <SelectField\n      field={{\n        name: 'locale',\n        _path: 'locale',\n        label: t('general:locale'),\n        options: localeOptions,\n      }}\n      onChange={(value: string) => onChange(value)}\n    />\n  )\n}\n"],"names":["SelectField","useTranslation","React","LocaleSelector","localeOptions","onChange","t","field","name","_path","label","options","value"],"mappings":";AAAA,SAASA,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAC5D,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,iBAMR,CAAC,EAAEC,aAAa,EAAEC,QAAQ,EAAE;IAC/B,MAAM,EAAEC,CAAC,EAAE,GAAGL;IAEd,qBACE,KAACD;QACCO,OAAO;YACLC,MAAM;YACNC,OAAO;YACPC,OAAOJ,EAAE;YACTK,SAASP;QACX;QACAC,UAAU,CAACO,QAAkBP,SAASO;;AAG5C,EAAC"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Chevron } from '@payloadcms/ui/icons/Chevron';
+import { ChevronIcon } from '@payloadcms/ui';
 import * as React from 'react';
 const chars = {
     leftCurlyBracket: '\u007B',
@@ -35,7 +35,7 @@ export const RenderJSON = ({ isEmpty = false, object, objectKey, parentType = 'o
                 onClick: ()=>setIsOpen(!isOpen),
                 type: "button",
                 children: [
-                    isEmpty ? null : /*#__PURE__*/ _jsx(Chevron, {
+                    isEmpty ? null : /*#__PURE__*/ _jsx(ChevronIcon, {
                         className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? 'open' : 'closed'}`
                     }),
                     /*#__PURE__*/ _jsxs("span", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/API/RenderJSON/index.tsx"],"sourcesContent":["'use client'\nimport { Chevron } from '@payloadcms/ui/icons/Chevron'\nimport * as React from 'react'\n\nimport './index.scss'\n\nconst chars = {\n  leftCurlyBracket: '\\u007B',\n  leftSquareBracket: '\\u005B',\n  rightCurlyBracket: '\\u007D',\n  rightSquareBracket: '\\u005D',\n}\n\nconst baseClass = 'query-inspector'\n\nconst Bracket = ({\n  type,\n  comma = false,\n  position,\n}: {\n  comma?: boolean\n  position: 'end' | 'start'\n  type: 'array' | 'object'\n}) => {\n  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket\n  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket\n  const bracketToRender = position === 'end' ? rightBracket : leftBracket\n\n  return (\n    <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>\n      {bracketToRender}\n      {position === 'end' && comma ? ',' : null}\n    </span>\n  )\n}\n\ntype Args = {\n  isEmpty?: boolean\n  object: Record<string, any> | any[]\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n  const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array')\n  return (\n    <li className={isNestedAndEmpty ? `${baseClass}__row-line--nested` : ''}>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <Chevron\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul className={`${baseClass}__json-children`}>\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"names":["Chevron","React","chars","leftCurlyBracket","leftSquareBracket","rightCurlyBracket","rightSquareBracket","baseClass","Bracket","type","comma","position","rightBracket","leftBracket","bracketToRender","span","className","RenderJSON","isEmpty","object","objectKey","parentType","trailingComma","objectKeys","Object","keys","objectLength","length","isOpen","setIsOpen","useState","isNestedAndEmpty","li","button","aria-label","onClick","ul","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","undefined","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/API/RenderJSON/index.tsx"],"sourcesContent":["'use client'\nimport { ChevronIcon } from '@payloadcms/ui'\nimport * as React from 'react'\n\nimport './index.scss'\n\nconst chars = {\n  leftCurlyBracket: '\\u007B',\n  leftSquareBracket: '\\u005B',\n  rightCurlyBracket: '\\u007D',\n  rightSquareBracket: '\\u005D',\n}\n\nconst baseClass = 'query-inspector'\n\nconst Bracket = ({\n  type,\n  comma = false,\n  position,\n}: {\n  comma?: boolean\n  position: 'end' | 'start'\n  type: 'array' | 'object'\n}) => {\n  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket\n  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket\n  const bracketToRender = position === 'end' ? rightBracket : leftBracket\n\n  return (\n    <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>\n      {bracketToRender}\n      {position === 'end' && comma ? ',' : null}\n    </span>\n  )\n}\n\ntype Args = {\n  isEmpty?: boolean\n  object: Record<string, any> | any[]\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n  const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array')\n  return (\n    <li className={isNestedAndEmpty ? `${baseClass}__row-line--nested` : ''}>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <ChevronIcon\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul className={`${baseClass}__json-children`}>\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"names":["ChevronIcon","React","chars","leftCurlyBracket","leftSquareBracket","rightCurlyBracket","rightSquareBracket","baseClass","Bracket","type","comma","position","rightBracket","leftBracket","bracketToRender","span","className","RenderJSON","isEmpty","object","objectKey","parentType","trailingComma","objectKeys","Object","keys","objectLength","length","isOpen","setIsOpen","useState","isNestedAndEmpty","li","button","aria-label","onClick","ul","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","undefined","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAmLjC,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAuLjC,CAAA"}

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

@@ -1,21 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard';
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
-import { NumberField as NumberInput } from '@payloadcms/ui/fields/Number';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField, SetViewActions, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
-import qs from 'qs';
 import * as React from 'react';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
 import { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js';
 import { LocaleSelector } from './LocaleSelector/index.js';
 import { RenderJSON } from './RenderJSON/index.js';
@@ -25,26 +13,25 @@ export const APIViewClient = ()=>{
     const searchParams = useSearchParams();
     const { i18n, t } = useTranslation();
     const { code } = useLocale();
-    const { getComponentMap } = useComponentMap();
-    const componentMap = getComponentMap({
-        collectionSlug,
+    const { config: { localization, routes: { api: apiRoute }, serverURL }, getEntityConfig } = useConfig();
+    const collectionClientConfig = getEntityConfig({
+        collectionSlug
+    });
+    const globalClientConfig = getEntityConfig({
         globalSlug
     });
-    const { collections, globals, localization, routes: { api: apiRoute }, serverURL } = useConfig();
-    const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
-    const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
     const localeOptions = localization && localization.locales.map((locale)=>({
             label: locale.label,
             value: locale.code
         }));
     let draftsEnabled = false;
     let docEndpoint = '';
-    if (collectionConfig) {
-        draftsEnabled = Boolean(collectionConfig.versions?.drafts);
+    if (collectionClientConfig) {
+        draftsEnabled = Boolean(collectionClientConfig.versions?.drafts);
         docEndpoint = `/${collectionSlug}/${id}`;
     }
-    if (globalConfig) {
-        draftsEnabled = Boolean(globalConfig.versions?.drafts);
+    if (globalClientConfig) {
+        draftsEnabled = Boolean(globalClientConfig.versions?.drafts);
         docEndpoint = `/globals/${globalSlug}`;
     }
     const [data, setData] = React.useState(initialData);
@@ -53,13 +40,12 @@ export const APIViewClient = ()=>{
     const [depth, setDepth] = React.useState(searchParams.get('depth') || '1');
     const [authenticated, setAuthenticated] = React.useState(true);
     const [fullscreen, setFullscreen] = React.useState(false);
-    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify({
+    const params = new URLSearchParams({
         depth,
-        draft,
+        draft: String(draft),
         locale
-    }, {
-        addQueryPrefix: true
-    })}`;
+    }).toString();
+    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`;
     React.useEffect(()=>{
         const fetchData = async ()=>{
             try {
@@ -75,11 +61,13 @@ export const APIViewClient = ()=>{
                     setData(json);
                 } catch (error) {
                     toast.error('Error parsing response');
-                    console.error(error);
+                    console.error(error) // eslint-disable-line no-console
+                    ;
                 }
             } catch (error) {
                 toast.error('Error making request');
-                console.error(error);
+                console.error(error) // eslint-disable-line no-console
+                ;
             }
         };
         void fetchData();
@@ -97,15 +85,15 @@ export const APIViewClient = ()=>{
         children: [
             /*#__PURE__*/ _jsx(SetDocumentStepNav, {
                 collectionSlug: collectionSlug,
-                globalLabel: globalConfig?.label,
+                globalLabel: globalClientConfig?.label,
                 globalSlug: globalSlug,
                 id: id,
-                pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
-                useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
+                pluralLabel: collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined,
+                useAsTitle: collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined,
                 view: "API"
             }),
             /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: componentMap?.actionsMap?.Edit?.API
+                actions: (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api?.actions
             }),
             /*#__PURE__*/ _jsxs("div", {
                 className: `${baseClass}__configuration`,
@@ -159,17 +147,19 @@ export const APIViewClient = ()=>{
                                 /*#__PURE__*/ _jsxs("div", {
                                     className: `${baseClass}__filter-query-checkboxes`,
                                     children: [
-                                        draftsEnabled && /*#__PURE__*/ _jsx(Checkbox, {
-                                            label: t('version:draft'),
-                                            name: "draft",
-                                            onChange: ()=>setDraft(!draft),
-                                            path: "draft"
+                                        draftsEnabled && /*#__PURE__*/ _jsx(CheckboxField, {
+                                            field: {
+                                                name: 'draft',
+                                                label: t('version:draft')
+                                            },
+                                            onChange: ()=>setDraft(!draft)
                                         }),
-                                        /*#__PURE__*/ _jsx(Checkbox, {
-                                            label: t('authentication:authenticated'),
-                                            name: "authenticated",
-                                            onChange: ()=>setAuthenticated(!authenticated),
-                                            path: "authenticated"
+                                        /*#__PURE__*/ _jsx(CheckboxField, {
+                                            field: {
+                                                name: 'authenticated',
+                                                label: t('authentication:authenticated')
+                                            },
+                                            onChange: ()=>setAuthenticated(!authenticated)
                                         })
                                     ]
                                 }),
@@ -177,14 +167,17 @@ export const APIViewClient = ()=>{
                                     localeOptions: localeOptions,
                                     onChange: setLocale
                                 }),
-                                /*#__PURE__*/ _jsx(NumberInput, {
-                                    label: t('general:depth'),
-                                    max: 10,
-                                    min: 0,
-                                    name: "depth",
-                                    onChange: (value)=>setDepth(value?.toString()),
-                                    path: "depth",
-                                    step: 1
+                                /*#__PURE__*/ _jsx(NumberField, {
+                                    field: {
+                                        name: 'depth',
+                                        admin: {
+                                            step: 1
+                                        },
+                                        label: t('general:depth'),
+                                        max: 10,
+                                        min: 0
+                                    },
+                                    onChange: (value)=>setDepth(value?.toString())
                                 })
                             ]
                         })
@@ -201,7 +194,7 @@ export const APIViewClient = ()=>{
                             className: `${baseClass}__toggle-fullscreen-button`,
                             onClick: ()=>setFullscreen(!fullscreen),
                             type: "button",
-                            children: /*#__PURE__*/ _jsx(MinimizeMaximize, {
+                            children: /*#__PURE__*/ _jsx(MinimizeMaximizeIcon, {
                                 isMinimized: !fullscreen
                             })
                         })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard'\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { Checkbox } from '@payloadcms/ui/fields/Checkbox'\nimport { NumberField as NumberInput } from '@payloadcms/ui/fields/Number'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { useSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport * as React from 'react'\nimport { toast } from 'react-toastify'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const {\n    collections,\n    globals,\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: string = ''\n\n  if (collectionConfig) {\n    draftsEnabled = Boolean(collectionConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = Boolean(globalConfig.versions?.drafts)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(searchParams.get('depth') || '1')\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify(\n    {\n      depth,\n      draft,\n      locale,\n    },\n    { addQueryPrefix: true },\n  )}`\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error)\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error)\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <Gutter\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n      right={false}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.API} />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <Checkbox\n                  label={t('version:draft')}\n                  name=\"draft\"\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <Checkbox\n                label={t('authentication:authenticated')}\n                name=\"authenticated\"\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberInput\n              label={t('general:depth')}\n              max={10}\n              min={0}\n              name=\"depth\"\n              onChange={(value) => setDepth(value?.toString())}\n              path=\"depth\"\n              step={1}\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximize isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"names":["CopyToClipboard","Gutter","Checkbox","NumberField","NumberInput","Form","MinimizeMaximize","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","qs","React","toast","SetDocumentStepNav","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","getComponentMap","componentMap","collections","globals","localization","routes","api","apiRoute","serverURL","collectionConfig","find","collection","slug","globalConfig","global","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","fetchURL","stringify","addQueryPrefix","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","actionsMap","Edit","API","div","span","a","href","rel","target","initialState","initialValue","valid","Number","name","onChange","path","max","min","toString","step","button","aria-label","onClick","type","isMinimized","object"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,eAAe,QAAQ,0CAAyC;AACzE,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,eAAeC,WAAW,QAAQ,+BAA8B;AACzE,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,cAAc,QAAQ,mCAAkC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,qBAAoB;AACpD,OAAOC,QAAQ,KAAI;AACnB,YAAYC,WAAW,QAAO;AAC9B,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,kBAAkB,QAAQ,8CAA6C;AAChF,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA0B;IACrC,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGf;IAExD,MAAMgB,eAAeb;IACrB,MAAM,EAAEc,IAAI,EAAEC,CAAC,EAAE,GAAGhB;IACpB,MAAM,EAAEiB,IAAI,EAAE,GAAGlB;IAEjB,MAAM,EAAEmB,eAAe,EAAE,GAAGtB;IAE5B,MAAMuB,eAAeD,gBAAgB;QAAEP;QAAgBC;IAAW;IAElE,MAAM,EACJQ,WAAW,EACXC,OAAO,EACPC,YAAY,EACZC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EACzBC,SAAS,EACV,GAAG7B;IAEJ,MAAM8B,mBACJhB,kBAAkBS,YAAYQ,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKnB;IAEzE,MAAMoB,eAAenB,cAAcS,QAAQO,IAAI,CAAC,CAACI,SAAWA,OAAOF,IAAI,KAAKlB;IAE5E,MAAMqB,gBACJX,gBACAA,aAAaY,OAAO,CAACC,GAAG,CAAC,CAACC,SAAY,CAAA;YAAEC,OAAOD,OAAOC,KAAK;YAAEC,OAAOF,OAAOnB,IAAI;QAAC,CAAA;IAElF,IAAIsB,gBAAyB;IAC7B,IAAIC,cAAsB;IAE1B,IAAIb,kBAAkB;QACpBY,gBAAgBE,QAAQd,iBAAiBe,QAAQ,EAAEC;QACnDH,cAAc,CAAC,CAAC,EAAE7B,eAAe,CAAC,EAAED,GAAG,CAAC;IAC1C;IAEA,IAAIqB,cAAc;QAChBQ,gBAAgBE,QAAQV,aAAaW,QAAQ,EAAEC;QAC/CH,cAAc,CAAC,SAAS,EAAE5B,WAAW,CAAC;IACxC;IAEA,MAAM,CAACgC,MAAMC,QAAQ,GAAG1C,MAAM2C,QAAQ,CAAMjC;IAC5C,MAAM,CAACkC,OAAOC,SAAS,GAAG7C,MAAM2C,QAAQ,CAAUhC,aAAamC,GAAG,CAAC,aAAa;IAChF,MAAM,CAACb,QAAQc,UAAU,GAAG/C,MAAM2C,QAAQ,CAAShC,cAAcmC,IAAI,aAAahC;IAClF,MAAM,CAACkC,OAAOC,SAAS,GAAGjD,MAAM2C,QAAQ,CAAShC,aAAamC,GAAG,CAAC,YAAY;IAC9E,MAAM,CAACI,eAAeC,iBAAiB,GAAGnD,MAAM2C,QAAQ,CAAU;IAClE,MAAM,CAACS,YAAYC,cAAc,GAAGrD,MAAM2C,QAAQ,CAAU;IAE5D,MAAMW,WAAW,CAAC,EAAE/B,UAAU,EAAED,SAAS,EAAEe,YAAY,EAAEtC,GAAGwD,SAAS,CACnE;QACEP;QACAJ;QACAX;IACF,GACA;QAAEuB,gBAAgB;IAAK,GACvB,CAAC;IAEHxD,MAAMyD,SAAS,CAAC;QACd,MAAMC,YAAY;YAChB,IAAI;gBACF,MAAMC,MAAM,MAAMC,MAAMN,UAAU;oBAChCO,aAAaX,gBAAgB,YAAY;oBACzCY,SAAS;wBACP,mBAAmBlD,KAAKmD,QAAQ;oBAClC;oBACAC,QAAQ;gBACV;gBAEA,IAAI;oBACF,MAAMC,OAAO,MAAMN,IAAIM,IAAI;oBAC3BvB,QAAQuB;gBACV,EAAE,OAAOC,OAAO;oBACdjE,MAAMiE,KAAK,CAAC;oBACZC,QAAQD,KAAK,CAACA;gBAChB;YACF,EAAE,OAAOA,OAAO;gBACdjE,MAAMiE,KAAK,CAAC;gBACZC,QAAQD,KAAK,CAACA;YAChB;QACF;QAEA,KAAKR;IACP,GAAG;QAAC9C,KAAKmD,QAAQ;QAAET;QAAUJ;KAAc;IAE3C,qBACE,MAAChE;QACCkF,WAAW;YAAC/D;YAAW+C,cAAc,CAAC,EAAE/C,UAAU,YAAY,CAAC;SAAC,CAACgE,MAAM,CAAC/B,SAASgC,IAAI,CAAC;QACtFC,OAAO;;0BAEP,KAACrE;gBACCM,gBAAgBA;gBAChBgE,aAAa5C,cAAcM;gBAC3BzB,YAAYA;gBACZF,IAAIA;gBACJkE,aAAajD,mBAAmBA,kBAAkBkD,QAAQC,SAASC;gBACnEC,YAAYrD,mBAAmBA,kBAAkBsD,OAAOD,aAAaD;gBACrEG,MAAK;;0BAEP,KAACvF;gBAAewF,SAAShE,cAAciE,YAAYC,MAAMC;;0BACzD,MAACC;gBAAIhB,WAAW,CAAC,EAAE/D,UAAU,eAAe,CAAC;;kCAC3C,MAAC+E;wBAAIhB,WAAW,CAAC,EAAE/D,UAAU,SAAS,CAAC;;0CACrC,MAACgF;gCAAKjB,WAAW,CAAC,EAAE/D,UAAU,OAAO,CAAC;;oCAAE;kDAC9B,KAACpB;wCAAgBkD,OAAOmB;;;;0CAElC,KAACgC;gCAAEC,MAAMjC;gCAAUkC,KAAI;gCAAsBC,QAAO;0CACjDnC;;;;kCAGL,KAAChE;wBACCoG,cAAc;4BACZxC,eAAe;gCACbyC,cAAczC,iBAAiB;gCAC/B0C,OAAO;gCACPzD,OAAOe,iBAAiB;4BAC1B;4BACAF,OAAO;gCACL2C,cAAcE,OAAO7C,SAAS;gCAC9B4C,OAAO;gCACPzD,OAAO0D,OAAO7C,SAAS;4BACzB;4BACAJ,OAAO;gCACL+C,cAAc/C,SAAS;gCACvBgD,OAAO;gCACPzD,OAAOS,SAAS;4BAClB;4BACAX,QAAQ;gCACN0D,cAAc1D;gCACd2D,OAAO;gCACPzD,OAAOF;4BACT;wBACF;kCAEA,cAAA,MAACmD;4BAAIhB,WAAW,CAAC,EAAE/D,UAAU,aAAa,CAAC;;8CACzC,MAAC+E;oCAAIhB,WAAW,CAAC,EAAE/D,UAAU,yBAAyB,CAAC;;wCACpD+B,+BACC,KAACjD;4CACC+C,OAAOrB,EAAE;4CACTiF,MAAK;4CACLC,UAAU,IAAMlD,SAAS,CAACD;4CAC1BoD,MAAK;;sDAGT,KAAC7G;4CACC+C,OAAOrB,EAAE;4CACTiF,MAAK;4CACLC,UAAU,IAAM5C,iBAAiB,CAACD;4CAClC8C,MAAK;;;;gCAGRlE,+BAAiB,KAAC3B;oCAAe2B,eAAeA;oCAAeiE,UAAUhD;;8CAC1E,KAAC1D;oCACC6C,OAAOrB,EAAE;oCACToF,KAAK;oCACLC,KAAK;oCACLJ,MAAK;oCACLC,UAAU,CAAC5D,QAAUc,SAASd,OAAOgE;oCACrCH,MAAK;oCACLI,MAAM;;;;;;;0BAKd,MAAChB;gBAAIhB,WAAW,CAAC,EAAE/D,UAAU,iBAAiB,CAAC;;kCAC7C,KAAC+E;wBAAIhB,WAAW,CAAC,EAAE/D,UAAU,oCAAoC,CAAC;kCAChE,cAAA,KAACgG;4BACCC,cAAW;4BACXlC,WAAW,CAAC,EAAE/D,UAAU,0BAA0B,CAAC;4BACnDkG,SAAS,IAAMlD,cAAc,CAACD;4BAC9BoD,MAAK;sCAEL,cAAA,KAACjH;gCAAiBkH,aAAa,CAACrD;;;;kCAGpC,KAACgC;wBAAIhB,WAAW,CAAC,EAAE/D,UAAU,SAAS,CAAC;kCACrC,cAAA,KAACD;4BAAWsG,QAAQjE;;;;;;;AAK9B,EAAC"}
+{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetViewActions,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionClientConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const globalClientConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: string = ''\n\n  if (collectionClientConfig) {\n    draftsEnabled = Boolean(collectionClientConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalClientConfig) {\n    draftsEnabled = Boolean(globalClientConfig.versions?.drafts)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(searchParams.get('depth') || '1')\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n  }).toString()\n\n  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <Gutter\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n      right={false}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalClientConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        pluralLabel={collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined}\n        useAsTitle={collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions\n        actions={\n          (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api\n            ?.actions\n        }\n      />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberField\n              field={{\n                name: 'depth',\n                admin: {\n                  step: 1,\n                },\n                label: t('general:depth'),\n                max: 10,\n                min: 0,\n              }}\n              onChange={(value) => setDepth(value?.toString())}\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetViewActions","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","toast","SetDocumentStepNav","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","config","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionClientConfig","globalClientConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","params","URLSearchParams","String","toString","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","components","views","edit","div","span","a","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","step","max","min","button","aria-label","onClick","type","isMinimized","object"],"mappings":"AAAA;;AAIA,SACEA,aAAa,EACbC,eAAe,EACfC,IAAI,EACJC,MAAM,EACNC,oBAAoB,EACpBC,WAAW,EACXC,cAAc,EACdC,SAAS,EACTC,eAAe,EACfC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,eAAe,QAAQ,qBAAoB;AACpD,YAAYC,WAAW,QAAO;AAC9B,SAASC,KAAK,QAAQ,SAAQ;AAE9B,SAASC,kBAAkB,QAAQ,8CAA6C;AAChF,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA0B;IACrC,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGd;IAExD,MAAMe,eAAeZ;IACrB,MAAM,EAAEa,IAAI,EAAEC,CAAC,EAAE,GAAGf;IACpB,MAAM,EAAEgB,IAAI,EAAE,GAAGjB;IAEjB,MAAM,EACJkB,QAAQ,EACNC,YAAY,EACZC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EACzBC,SAAS,EACV,EACDC,eAAe,EAChB,GAAG1B;IAEJ,MAAM2B,yBAAyBD,gBAAgB;QAAEb;IAAe;IAChE,MAAMe,qBAAqBF,gBAAgB;QAAEZ;IAAW;IAExD,MAAMe,gBACJR,gBACAA,aAAaS,OAAO,CAACC,GAAG,CAAC,CAACC,SAAY,CAAA;YAAEC,OAAOD,OAAOC,KAAK;YAAEC,OAAOF,OAAOb,IAAI;QAAC,CAAA;IAElF,IAAIgB,gBAAyB;IAC7B,IAAIC,cAAsB;IAE1B,IAAIT,wBAAwB;QAC1BQ,gBAAgBE,QAAQV,uBAAuBW,QAAQ,EAAEC;QACzDH,cAAc,CAAC,CAAC,EAAEvB,eAAe,CAAC,EAAED,GAAG,CAAC;IAC1C;IAEA,IAAIgB,oBAAoB;QACtBO,gBAAgBE,QAAQT,mBAAmBU,QAAQ,EAAEC;QACrDH,cAAc,CAAC,SAAS,EAAEtB,WAAW,CAAC;IACxC;IAEA,MAAM,CAAC0B,MAAMC,QAAQ,GAAGpC,MAAMqC,QAAQ,CAAM3B;IAC5C,MAAM,CAAC4B,OAAOC,SAAS,GAAGvC,MAAMqC,QAAQ,CAAU1B,aAAa6B,GAAG,CAAC,aAAa;IAChF,MAAM,CAACb,QAAQc,UAAU,GAAGzC,MAAMqC,QAAQ,CAAS1B,cAAc6B,IAAI,aAAa1B;IAClF,MAAM,CAAC4B,OAAOC,SAAS,GAAG3C,MAAMqC,QAAQ,CAAS1B,aAAa6B,GAAG,CAAC,YAAY;IAC9E,MAAM,CAACI,eAAeC,iBAAiB,GAAG7C,MAAMqC,QAAQ,CAAU;IAClE,MAAM,CAACS,YAAYC,cAAc,GAAG/C,MAAMqC,QAAQ,CAAU;IAE5D,MAAMW,SAAS,IAAIC,gBAAgB;QACjCP;QACAJ,OAAOY,OAAOZ;QACdX;IACF,GAAGwB,QAAQ;IAEX,MAAMC,WAAW,CAAC,EAAEhC,UAAU,EAAED,SAAS,EAAEY,YAAY,CAAC,EAAEiB,OAAO,CAAC;IAElEhD,MAAMqD,SAAS,CAAC;QACd,MAAMC,YAAY;YAChB,IAAI;gBACF,MAAMC,MAAM,MAAMC,MAAMJ,UAAU;oBAChCK,aAAab,gBAAgB,YAAY;oBACzCc,SAAS;wBACP,mBAAmB9C,KAAK+C,QAAQ;oBAClC;oBACAC,QAAQ;gBACV;gBAEA,IAAI;oBACF,MAAMC,OAAO,MAAMN,IAAIM,IAAI;oBAC3BzB,QAAQyB;gBACV,EAAE,OAAOC,OAAO;oBACd7D,MAAM6D,KAAK,CAAC;oBACZC,QAAQD,KAAK,CAACA,OAAO,iCAAiC;;gBACxD;YACF,EAAE,OAAOA,OAAO;gBACd7D,MAAM6D,KAAK,CAAC;gBACZC,QAAQD,KAAK,CAACA,OAAO,iCAAiC;;YACxD;QACF;QAEA,KAAKR;IACP,GAAG;QAAC1C,KAAK+C,QAAQ;QAAEP;QAAUR;KAAc;IAE3C,qBACE,MAACrD;QACCyE,WAAW;YAAC3D;YAAWyC,cAAc,CAAC,EAAEzC,UAAU,YAAY,CAAC;SAAC,CAAC4D,MAAM,CAACjC,SAASkC,IAAI,CAAC;QACtFC,OAAO;;0BAEP,KAACjE;gBACCM,gBAAgBA;gBAChB4D,aAAa7C,oBAAoBK;gBACjCnB,YAAYA;gBACZF,IAAIA;gBACJ8D,aAAa/C,yBAAyBA,wBAAwBgD,QAAQC,SAASC;gBAC/EC,YAAYnD,yBAAyBA,wBAAwBoD,OAAOD,aAAaD;gBACjFG,MAAK;;0BAEP,KAACjF;gBACCkF,SACGtD,CAAAA,0BAA0BC,kBAAiB,GAAImD,OAAOG,YAAYC,OAAOC,MAAM7D,KAC5E0D;;0BAGR,MAACI;gBAAIhB,WAAW,CAAC,EAAE3D,UAAU,eAAe,CAAC;;kCAC3C,MAAC2E;wBAAIhB,WAAW,CAAC,EAAE3D,UAAU,SAAS,CAAC;;0CACrC,MAAC4E;gCAAKjB,WAAW,CAAC,EAAE3D,UAAU,OAAO,CAAC;;oCAAE;kDAC9B,KAAChB;wCAAgBwC,OAAOuB;;;;0CAElC,KAAC8B;gCAAEC,MAAM/B;gCAAUgC,KAAI;gCAAsBC,QAAO;0CACjDjC;;;;kCAGL,KAAC9D;wBACCgG,cAAc;4BACZ1C,eAAe;gCACb2C,cAAc3C,iBAAiB;gCAC/B4C,OAAO;gCACP3D,OAAOe,iBAAiB;4BAC1B;4BACAF,OAAO;gCACL6C,cAAcE,OAAO/C,SAAS;gCAC9B8C,OAAO;gCACP3D,OAAO4D,OAAO/C,SAAS;4BACzB;4BACAJ,OAAO;gCACLiD,cAAcjD,SAAS;gCACvBkD,OAAO;gCACP3D,OAAOS,SAAS;4BAClB;4BACAX,QAAQ;gCACN4D,cAAc5D;gCACd6D,OAAO;gCACP3D,OAAOF;4BACT;wBACF;kCAEA,cAAA,MAACqD;4BAAIhB,WAAW,CAAC,EAAE3D,UAAU,aAAa,CAAC;;8CACzC,MAAC2E;oCAAIhB,WAAW,CAAC,EAAE3D,UAAU,yBAAyB,CAAC;;wCACpDyB,+BACC,KAAC1C;4CACCsG,OAAO;gDACLC,MAAM;gDACN/D,OAAOf,EAAE;4CACX;4CACA+E,UAAU,IAAMrD,SAAS,CAACD;;sDAG9B,KAAClD;4CACCsG,OAAO;gDACLC,MAAM;gDACN/D,OAAOf,EAAE;4CACX;4CACA+E,UAAU,IAAM/C,iBAAiB,CAACD;;;;gCAGrCpB,+BAAiB,KAACrB;oCAAeqB,eAAeA;oCAAeoE,UAAUnD;;8CAC1E,KAAChD;oCACCiG,OAAO;wCACLC,MAAM;wCACNjB,OAAO;4CACLmB,MAAM;wCACR;wCACAjE,OAAOf,EAAE;wCACTiF,KAAK;wCACLC,KAAK;oCACP;oCACAH,UAAU,CAAC/D,QAAUc,SAASd,OAAOsB;;;;;;;0BAK7C,MAAC6B;gBAAIhB,WAAW,CAAC,EAAE3D,UAAU,iBAAiB,CAAC;;kCAC7C,KAAC2E;wBAAIhB,WAAW,CAAC,EAAE3D,UAAU,oCAAoC,CAAC;kCAChE,cAAA,KAAC2F;4BACCC,cAAW;4BACXjC,WAAW,CAAC,EAAE3D,UAAU,0BAA0B,CAAC;4BACnD6F,SAAS,IAAMnD,cAAc,CAACD;4BAC9BqD,MAAK;sCAEL,cAAA,KAAC3G;gCAAqB4G,aAAa,CAACtD;;;;kCAGxC,KAACkC;wBAAIhB,WAAW,CAAC,EAAE3D,UAAU,SAAS,CAAC;kCACrC,cAAA,KAACD;4BAAWiG,QAAQlE;;;;;;;AAK9B,EAAC"}

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

@@ -1,3 +1,3 @@
-import type { EditViewComponent } from 'payload/types';
-export declare const APIView: EditViewComponent;
+import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
+export declare const APIView: PayloadServerReactComponent<EditViewComponent>;
 //# sourceMappingURL=index.d.ts.map