@payloadcms/next 3.0.0-canary.b6520aa → 3.0.0-canary.b922438

package/dist/scss/app.scss

@@ -38,19 +38,19 @@
 
   --gutter-h: #{base(3)};
   --spacing-view-bottom: var(--gutter-h);
-  --app-header-height: calc(var(--base) * 3);
-  --doc-controls-height: calc(var(--base) * 3);
+  --doc-controls-height: calc(var(--base) * 2.8);
+  --app-header-height: calc(var(--base) * 2.8);
   --nav-width: 275px;
   --nav-trans-time: 150ms;
 
   @include mid-break {
     --gutter-h: #{base(2)};
-    --app-header-height: calc(var(--base) * 2);
-    --doc-controls-height: calc(var(--base) * 2.5);
+    --app-header-height: calc(var(--base) * 2.4);
+    --doc-controls-height: calc(var(--base) * 2.4);
   }
 
   @include small-break {
-    --gutter-h: #{base(0.5)};
+    --gutter-h: #{base(0.8)};
     --spacing-view-bottom: calc(var(--base) * 2);
     --nav-width: 100vw;
   }

package/dist/scss/type.scss

@@ -96,6 +96,7 @@
   font-size: $baseline-body-size;
   line-height: $baseline-px;
   font-weight: normal;
+  font-family: var(--font-body);
 }
 
 %code {

package/dist/views/API/index.scss

@@ -111,8 +111,7 @@
       position: relative;
       width: 100%;
       top: 0;
-      padding-right: var(--gutter-h);
-      padding-left: var(--gutter-h);
+      padding-inline-end: var(--gutter-h);
     }
   }
 }

package/dist/views/Account/index.client.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AccountClient: React.FC;
+//# sourceMappingURL=index.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgBjC,CAAA"}

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

@@ -0,0 +1,21 @@
+'use client';
+import { useStepNav, useTranslation } from '@payloadcms/ui';
+import React from 'react';
+export const AccountClient = ()=>{
+    const { setStepNav } = useStepNav();
+    const { t } = useTranslation();
+    React.useEffect(()=>{
+        const nav = [];
+        nav.push({
+            label: t('authentication:account'),
+            url: '/account'
+        });
+        setStepNav(nav);
+    }, [
+        setStepNav,
+        t
+    ]);
+    return null;
+};
+
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"names":["useStepNav","useTranslation","React","AccountClient","setStepNav","t","useEffect","nav","push","label","url"],"mappings":"AAAA;AACA,SAA2BA,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AAC7E,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B;IACrC,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IACvB,MAAM,EAAEK,CAAC,EAAE,GAAGJ;IAEdC,MAAMI,SAAS,CAAC;QACd,MAAMC,MAAqB,EAAE;QAE7BA,IAAIC,IAAI,CAAC;YACPC,OAAOJ,EAAE;YACTK,KAAK;QACP;QAEAN,WAAWG;IACb,GAAG;QAACH;QAAYC;KAAE;IAElB,OAAO;AACT,EAAC"}

package/dist/views/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAA2B,MAAM,SAAS,CAAA;AAKtE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2F5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAA2B,MAAM,SAAS,CAAA;AAKtE,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8F5C,CAAA"}

package/dist/views/Account/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentInfoProvider, HydrateClientUser } from '@payloadcms/ui';
+import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui';
 import { RenderCustomComponent } from '@payloadcms/ui/shared';
 import { notFound } from 'next/navigation.js';
 import React from 'react';
@@ -8,6 +8,7 @@ import { getDocumentData } from '../Document/getDocumentData.js';
 import { getDocumentPermissions } from '../Document/getDocumentPermissions.js';
 import { EditView } from '../Edit/index.js';
 import { Settings } from './Settings/index.js';
+import { AccountClient } from './index.client.js';
 export { generateAccountMetadata } from './meta.js';
 export const Account = async ({ initPageResult, params, searchParams })=>{
     const { languageOptions, locale, permissions, req, req: { i18n, payload, payload: { config }, user } } = initPageResult;
@@ -32,7 +33,7 @@ export const Account = async ({ initPageResult, params, searchParams })=>{
             routeSegments: [],
             searchParams
         };
-        return /*#__PURE__*/ _jsxs(DocumentInfoProvider, {
+        return /*#__PURE__*/ _jsx(DocumentInfoProvider, {
             AfterFields: /*#__PURE__*/ _jsx(Settings, {
                 i18n: i18n,
                 languageOptions: languageOptions
@@ -46,33 +47,36 @@ export const Account = async ({ initPageResult, params, searchParams })=>{
             initialData: data,
             initialState: formState,
             isEditing: true,
-            children: [
-                /*#__PURE__*/ _jsx(DocumentHeader, {
-                    collectionConfig: collectionConfig,
-                    config: payload.config,
-                    hideTabs: true,
-                    i18n: i18n,
-                    permissions: permissions
-                }),
-                /*#__PURE__*/ _jsx(HydrateClientUser, {
-                    permissions: permissions,
-                    user: user
-                }),
-                /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                    CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
-                    DefaultComponent: EditView,
-                    componentProps: viewComponentProps,
-                    serverOnlyProps: {
-                        i18n,
-                        locale,
-                        params,
-                        payload,
-                        permissions,
-                        searchParams,
-                        user
-                    }
-                })
-            ]
+            children: /*#__PURE__*/ _jsxs(EditDepthProvider, {
+                depth: 1,
+                children: [
+                    /*#__PURE__*/ _jsx(DocumentHeader, {
+                        collectionConfig: collectionConfig,
+                        config: payload.config,
+                        hideTabs: true,
+                        i18n: i18n,
+                        permissions: permissions
+                    }),
+                    /*#__PURE__*/ _jsx(HydrateAuthProvider, {
+                        permissions: permissions
+                    }),
+                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                        CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
+                        DefaultComponent: EditView,
+                        componentProps: viewComponentProps,
+                        serverOnlyProps: {
+                            i18n,
+                            locale,
+                            params,
+                            payload,
+                            permissions,
+                            searchParams,
+                            user
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx(AccountClient, {})
+                ]
+            })
         });
     }
     return notFound();

package/dist/views/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps, ServerSideEditViewProps } from 'payload'\n\nimport { DocumentInfoProvider, HydrateClientUser } from '@payloadcms/ui'\nimport { RenderCustomComponent } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug },\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig && user?.id) {\n    const { docPermissions, hasPublishPermission, hasSavePermission } =\n      await getDocumentPermissions({\n        id: user.id,\n        collectionConfig,\n        data: user,\n        req,\n      })\n\n    const { data, formState } = await getDocumentData({\n      id: user.id,\n      collectionConfig,\n      locale,\n      req,\n    })\n\n    const viewComponentProps: ServerSideEditViewProps = {\n      initPageResult,\n      params,\n      routeSegments: [],\n      searchParams,\n    }\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} />}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={docPermissions}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        id={user?.id.toString()}\n        initialData={data}\n        initialState={formState}\n        isEditing\n      >\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          hideTabs\n          i18n={i18n}\n          permissions={permissions}\n        />\n        <HydrateClientUser permissions={permissions} user={user} />\n        <RenderCustomComponent\n          CustomComponent={\n            typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined\n          }\n          DefaultComponent={EditView}\n          componentProps={viewComponentProps}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentInfoProvider","HydrateClientUser","RenderCustomComponent","notFound","React","DocumentHeader","getDocumentData","getDocumentPermissions","EditView","Settings","generateAccountMetadata","Account","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionConfig","collections","find","collection","slug","id","docPermissions","hasPublishPermission","hasSavePermission","data","formState","viewComponentProps","routeSegments","AfterFields","apiURL","collectionSlug","toString","initialData","initialState","isEditing","hideTabs","CustomComponent","undefined","DefaultComponent","componentProps","serverOnlyProps"],"mappings":";AAEA,SAASA,oBAAoB,EAAEC,iBAAiB,QAAQ,iBAAgB;AACxE,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,sBAAsB,QAAQ,wCAAuC;AAC9E,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAE9C,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,OAAO,EACtDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,MAAM,EACJC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGV;IAEJ,MAAM,EACJW,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEd,SAASe,sBAAsB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAEJ,MAAMK,QAAQ,EAAE,EAC/FC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGT;IAEJ,MAAMU,mBAAmBV,OAAOW,WAAW,CAACC,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKR;IAErF,IAAII,oBAAoBT,MAAMc,IAAI;QAChC,MAAM,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAC/D,MAAMhC,uBAAuB;YAC3B6B,IAAId,KAAKc,EAAE;YACXL;YACAS,MAAMlB;YACNJ;QACF;QAEF,MAAM,EAAEsB,IAAI,EAAEC,SAAS,EAAE,GAAG,MAAMnC,gBAAgB;YAChD8B,IAAId,KAAKc,EAAE;YACXL;YACAf;YACAE;QACF;QAEA,MAAMwB,qBAA8C;YAClD9B;YACAC;YACA8B,eAAe,EAAE;YACjB7B;QACF;QAEA,qBACE,MAACd;YACC4C,2BAAa,KAACnC;gBAASU,MAAMA;gBAAMJ,iBAAiBA;;YACpD8B,QAAQ,CAAC,EAAEf,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMc,KAAK,CAAC,CAAC,EAAEd,KAAKc,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEU,gBAAgBnB;YAChBU,gBAAgBA;YAChBC,sBAAsBA;YACtBC,mBAAmBA;YACnBH,IAAId,MAAMc,GAAGW;YACbC,aAAaR;YACbS,cAAcR;YACdS,SAAS;;8BAET,KAAC7C;oBACC0B,kBAAkBA;oBAClBV,QAAQD,QAAQC,MAAM;oBACtB8B,QAAQ;oBACRhC,MAAMA;oBACNF,aAAaA;;8BAEf,KAAChB;oBAAkBgB,aAAaA;oBAAaK,MAAMA;;8BACnD,KAACpB;oBACCkD,iBACE,OAAO1B,2BAA2B,aAAaA,yBAAyB2B;oBAE1EC,kBAAkB9C;oBAClB+C,gBAAgBb;oBAChBc,iBAAiB;wBACfrC;wBACAH;wBACAH;wBACAO;wBACAH;wBACAH;wBACAQ;oBACF;;;;IAIR;IAEA,OAAOnB;AACT,EAAC"}
+{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps, ServerSideEditViewProps } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport { RenderCustomComponent } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.js'\nimport { AccountClient } from './index.client.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug },\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig && user?.id) {\n    const { docPermissions, hasPublishPermission, hasSavePermission } =\n      await getDocumentPermissions({\n        id: user.id,\n        collectionConfig,\n        data: user,\n        req,\n      })\n\n    const { data, formState } = await getDocumentData({\n      id: user.id,\n      collectionConfig,\n      locale,\n      req,\n    })\n\n    const viewComponentProps: ServerSideEditViewProps = {\n      initPageResult,\n      params,\n      routeSegments: [],\n      searchParams,\n    }\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} />}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={docPermissions}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        id={user?.id.toString()}\n        initialData={data}\n        initialState={formState}\n        isEditing\n      >\n        <EditDepthProvider depth={1}>\n          <DocumentHeader\n            collectionConfig={collectionConfig}\n            config={payload.config}\n            hideTabs\n            i18n={i18n}\n            permissions={permissions}\n          />\n          <HydrateAuthProvider permissions={permissions} />\n          <RenderCustomComponent\n            CustomComponent={\n              typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined\n            }\n            DefaultComponent={EditView}\n            componentProps={viewComponentProps}\n            serverOnlyProps={{\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            }}\n          />\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderCustomComponent","notFound","React","DocumentHeader","getDocumentData","getDocumentPermissions","EditView","Settings","AccountClient","generateAccountMetadata","Account","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionConfig","collections","find","collection","slug","id","docPermissions","hasPublishPermission","hasSavePermission","data","formState","viewComponentProps","routeSegments","AfterFields","apiURL","collectionSlug","toString","initialData","initialState","isEditing","depth","hideTabs","CustomComponent","undefined","DefaultComponent","componentProps","serverOnlyProps"],"mappings":";AAEA,SAASA,oBAAoB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,iBAAgB;AAC7F,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,sBAAsB,QAAQ,wCAAuC;AAC9E,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAC9C,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,OAAO,EACtDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,MAAM,EACJC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGV;IAEJ,MAAM,EACJW,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEd,SAASe,sBAAsB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAEJ,MAAMK,QAAQ,EAAE,EAC/FC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGT;IAEJ,MAAMU,mBAAmBV,OAAOW,WAAW,CAACC,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKR;IAErF,IAAII,oBAAoBT,MAAMc,IAAI;QAChC,MAAM,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAC/D,MAAMjC,uBAAuB;YAC3B8B,IAAId,KAAKc,EAAE;YACXL;YACAS,MAAMlB;YACNJ;QACF;QAEF,MAAM,EAAEsB,IAAI,EAAEC,SAAS,EAAE,GAAG,MAAMpC,gBAAgB;YAChD+B,IAAId,KAAKc,EAAE;YACXL;YACAf;YACAE;QACF;QAEA,MAAMwB,qBAA8C;YAClD9B;YACAC;YACA8B,eAAe,EAAE;YACjB7B;QACF;QAEA,qBACE,KAAChB;YACC8C,2BAAa,KAACpC;gBAASW,MAAMA;gBAAMJ,iBAAiBA;;YACpD8B,QAAQ,CAAC,EAAEf,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMc,KAAK,CAAC,CAAC,EAAEd,KAAKc,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEU,gBAAgBnB;YAChBU,gBAAgBA;YAChBC,sBAAsBA;YACtBC,mBAAmBA;YACnBH,IAAId,MAAMc,GAAGW;YACbC,aAAaR;YACbS,cAAcR;YACdS,SAAS;sBAET,cAAA,MAACnD;gBAAkBoD,OAAO;;kCACxB,KAAC/C;wBACC2B,kBAAkBA;wBAClBV,QAAQD,QAAQC,MAAM;wBACtB+B,QAAQ;wBACRjC,MAAMA;wBACNF,aAAaA;;kCAEf,KAACjB;wBAAoBiB,aAAaA;;kCAClC,KAAChB;wBACCoD,iBACE,OAAO3B,2BAA2B,aAAaA,yBAAyB4B;wBAE1EC,kBAAkBhD;wBAClBiD,gBAAgBd;wBAChBe,iBAAiB;4BACftC;4BACAH;4BACAH;4BACAO;4BACAH;4BACAH;4BACAQ;wBACF;;kCAEF,KAACb;;;;IAIT;IAEA,OAAOP;AACT,EAAC"}

package/dist/views/Dashboard/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HydrateClientUser } from '@payloadcms/ui';
+import { HydrateAuthProvider } from '@payloadcms/ui';
 import { EntityType, RenderCustomComponent, groupNavItems } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
 import React, { Fragment } from 'react';
@@ -41,9 +41,8 @@ export const Dashboard = ({ initPageResult, params, searchParams })=>{
     };
     return /*#__PURE__*/ _jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(HydrateClientUser, {
-                permissions: permissions,
-                user: user
+            /*#__PURE__*/ _jsx(HydrateAuthProvider, {
+                permissions: permissions
             }),
             /*#__PURE__*/ _jsx(RenderCustomComponent, {
                 CustomComponent: typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined,

package/dist/views/Dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Dashboard/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { AdminViewProps } from 'payload'\n\nimport { HydrateClientUser } from '@payloadcms/ui'\nimport { EntityType, RenderCustomComponent, groupNavItems } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport type { DashboardProps } from './Default/index.js'\n\nimport { DefaultDashboard } from './Default/index.js'\n\nexport { generateDashboardMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const Dashboard: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const {\n    locale,\n    permissions,\n    req: {\n      i18n,\n      payload: { config },\n      payload,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const CustomDashboardComponent = config.admin.components?.views?.Dashboard\n\n  const collections = config.collections.filter(\n    (collection) =>\n      permissions?.collections?.[collection.slug]?.read?.permission &&\n      visibleEntities.collections.includes(collection.slug),\n  )\n\n  const globals = config.globals.filter(\n    (global) =>\n      permissions?.globals?.[global.slug]?.read?.permission &&\n      visibleEntities.globals.includes(global.slug),\n  )\n\n  const navGroups = groupNavItems(\n    [\n      ...(collections.map((collection) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.collection,\n          entity: collection,\n        }\n\n        return entityToGroup\n      }) ?? []),\n      ...(globals.map((global) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.global,\n          entity: global,\n        }\n\n        return entityToGroup\n      }) ?? []),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const viewComponentProps: DashboardProps = {\n    Link,\n    i18n,\n    locale,\n    navGroups,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n    visibleEntities,\n  }\n\n  return (\n    <Fragment>\n      <HydrateClientUser permissions={permissions} user={user} />\n      <RenderCustomComponent\n        CustomComponent={\n          typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined\n        }\n        DefaultComponent={DefaultDashboard}\n        componentProps={viewComponentProps}\n        serverOnlyProps={{\n          i18n,\n          locale,\n          params,\n          payload,\n          permissions,\n          searchParams,\n          user,\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"names":["HydrateClientUser","EntityType","RenderCustomComponent","groupNavItems","LinkImport","React","Fragment","DefaultDashboard","generateDashboardMetadata","Link","default","Dashboard","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","visibleEntities","CustomDashboardComponent","admin","components","views","collections","filter","collection","slug","read","permission","includes","globals","global","navGroups","map","entityToGroup","type","entity","viewComponentProps","CustomComponent","undefined","DefaultComponent","componentProps","serverOnlyProps"],"mappings":";AAGA,SAASA,iBAAiB,QAAQ,iBAAgB;AAClD,SAASC,UAAU,EAAEC,qBAAqB,EAAEC,aAAa,QAAQ,wBAAuB;AACxF,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,gBAAgB,QAAQ,qBAAoB;AAErD,SAASC,yBAAyB,QAAQ,YAAW;AAErD,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AAEpC,OAAO,MAAMO,YAAsC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IAC1F,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBD,OAAO,EACPE,IAAI,EACL,EACDC,eAAe,EAChB,GAAGV;IAEJ,MAAMW,2BAA2BH,OAAOI,KAAK,CAACC,UAAU,EAAEC,OAAOf;IAEjE,MAAMgB,cAAcP,OAAOO,WAAW,CAACC,MAAM,CAC3C,CAACC,aACCb,aAAaW,aAAa,CAACE,WAAWC,IAAI,CAAC,EAAEC,MAAMC,cACnDV,gBAAgBK,WAAW,CAACM,QAAQ,CAACJ,WAAWC,IAAI;IAGxD,MAAMI,UAAUd,OAAOc,OAAO,CAACN,MAAM,CACnC,CAACO,SACCnB,aAAakB,SAAS,CAACC,OAAOL,IAAI,CAAC,EAAEC,MAAMC,cAC3CV,gBAAgBY,OAAO,CAACD,QAAQ,CAACE,OAAOL,IAAI;IAGhD,MAAMM,YAAYjC,cAChB;WACMwB,YAAYU,GAAG,CAAC,CAACR;YACnB,MAAMS,gBAA+B;gBACnCC,MAAMtC,WAAW4B,UAAU;gBAC3BW,QAAQX;YACV;YAEA,OAAOS;QACT,MAAM,EAAE;WACJJ,QAAQG,GAAG,CAAC,CAACF;YACf,MAAMG,gBAA+B;gBACnCC,MAAMtC,WAAWkC,MAAM;gBACvBK,QAAQL;YACV;YAEA,OAAOG;QACT,MAAM,EAAE;KACT,EACDtB,aACAE;IAGF,MAAMuB,qBAAqC;QACzChC;QACAS;QACAH;QACAqB;QACAvB;QACAM;QACAH;QACAF;QACAO;QACAC;IACF;IAEA,qBACE,MAAChB;;0BACC,KAACN;gBAAkBgB,aAAaA;gBAAaK,MAAMA;;0BACnD,KAACnB;gBACCwC,iBACE,OAAOnB,6BAA6B,aAAaA,2BAA2BoB;gBAE9EC,kBAAkBrC;gBAClBsC,gBAAgBJ;gBAChBK,iBAAiB;oBACf5B;oBACAH;oBACAF;oBACAM;oBACAH;oBACAF;oBACAO;gBACF;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../src/views/Dashboard/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { AdminViewProps } from 'payload'\n\nimport { HydrateAuthProvider } from '@payloadcms/ui'\nimport { EntityType, RenderCustomComponent, groupNavItems } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport type { DashboardProps } from './Default/index.js'\n\nimport { DefaultDashboard } from './Default/index.js'\n\nexport { generateDashboardMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const Dashboard: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const {\n    locale,\n    permissions,\n    req: {\n      i18n,\n      payload: { config },\n      payload,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const CustomDashboardComponent = config.admin.components?.views?.Dashboard\n\n  const collections = config.collections.filter(\n    (collection) =>\n      permissions?.collections?.[collection.slug]?.read?.permission &&\n      visibleEntities.collections.includes(collection.slug),\n  )\n\n  const globals = config.globals.filter(\n    (global) =>\n      permissions?.globals?.[global.slug]?.read?.permission &&\n      visibleEntities.globals.includes(global.slug),\n  )\n\n  const navGroups = groupNavItems(\n    [\n      ...(collections.map((collection) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.collection,\n          entity: collection,\n        }\n\n        return entityToGroup\n      }) ?? []),\n      ...(globals.map((global) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.global,\n          entity: global,\n        }\n\n        return entityToGroup\n      }) ?? []),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const viewComponentProps: DashboardProps = {\n    Link,\n    i18n,\n    locale,\n    navGroups,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n    visibleEntities,\n  }\n\n  return (\n    <Fragment>\n      <HydrateAuthProvider permissions={permissions} />\n      <RenderCustomComponent\n        CustomComponent={\n          typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined\n        }\n        DefaultComponent={DefaultDashboard}\n        componentProps={viewComponentProps}\n        serverOnlyProps={{\n          i18n,\n          locale,\n          params,\n          payload,\n          permissions,\n          searchParams,\n          user,\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"names":["HydrateAuthProvider","EntityType","RenderCustomComponent","groupNavItems","LinkImport","React","Fragment","DefaultDashboard","generateDashboardMetadata","Link","default","Dashboard","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","visibleEntities","CustomDashboardComponent","admin","components","views","collections","filter","collection","slug","read","permission","includes","globals","global","navGroups","map","entityToGroup","type","entity","viewComponentProps","CustomComponent","undefined","DefaultComponent","componentProps","serverOnlyProps"],"mappings":";AAGA,SAASA,mBAAmB,QAAQ,iBAAgB;AACpD,SAASC,UAAU,EAAEC,qBAAqB,EAAEC,aAAa,QAAQ,wBAAuB;AACxF,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,gBAAgB,QAAQ,qBAAoB;AAErD,SAASC,yBAAyB,QAAQ,YAAW;AAErD,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AAEpC,OAAO,MAAMO,YAAsC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IAC1F,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBD,OAAO,EACPE,IAAI,EACL,EACDC,eAAe,EAChB,GAAGV;IAEJ,MAAMW,2BAA2BH,OAAOI,KAAK,CAACC,UAAU,EAAEC,OAAOf;IAEjE,MAAMgB,cAAcP,OAAOO,WAAW,CAACC,MAAM,CAC3C,CAACC,aACCb,aAAaW,aAAa,CAACE,WAAWC,IAAI,CAAC,EAAEC,MAAMC,cACnDV,gBAAgBK,WAAW,CAACM,QAAQ,CAACJ,WAAWC,IAAI;IAGxD,MAAMI,UAAUd,OAAOc,OAAO,CAACN,MAAM,CACnC,CAACO,SACCnB,aAAakB,SAAS,CAACC,OAAOL,IAAI,CAAC,EAAEC,MAAMC,cAC3CV,gBAAgBY,OAAO,CAACD,QAAQ,CAACE,OAAOL,IAAI;IAGhD,MAAMM,YAAYjC,cAChB;WACMwB,YAAYU,GAAG,CAAC,CAACR;YACnB,MAAMS,gBAA+B;gBACnCC,MAAMtC,WAAW4B,UAAU;gBAC3BW,QAAQX;YACV;YAEA,OAAOS;QACT,MAAM,EAAE;WACJJ,QAAQG,GAAG,CAAC,CAACF;YACf,MAAMG,gBAA+B;gBACnCC,MAAMtC,WAAWkC,MAAM;gBACvBK,QAAQL;YACV;YAEA,OAAOG;QACT,MAAM,EAAE;KACT,EACDtB,aACAE;IAGF,MAAMuB,qBAAqC;QACzChC;QACAS;QACAH;QACAqB;QACAvB;QACAM;QACAH;QACAF;QACAO;QACAC;IACF;IAEA,qBACE,MAAChB;;0BACC,KAACN;gBAAoBgB,aAAaA;;0BAClC,KAACd;gBACCwC,iBACE,OAAOnB,6BAA6B,aAAaA,2BAA2BoB;gBAE9EC,kBAAkBrC;gBAClBsC,gBAAgBJ;gBAChBK,iBAAiB;oBACf5B;oBACAH;oBACAF;oBACAM;oBACAH;oBACAF;oBACAO;gBACF;;;;AAIR,EAAC"}

package/dist/views/Document/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,cAAc,EAAqB,MAAM,SAAS,CAAA;AAUpF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AASrE,eAAO,MAAM,gBAAgB,EAAE,wBAAiE,CAAA;AAEhG,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmO7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,cAAc,EAAqB,MAAM,SAAS,CAAA;AASpF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AASrE,eAAO,MAAM,gBAAgB,EAAE,wBAAiE,CAAA;AAEhG,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmO7C,CAAA"}

package/dist/views/Document/index.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentInfoProvider, EditDepthProvider, HydrateClientUser } from '@payloadcms/ui';
+import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui';
 import { RenderCustomComponent, formatAdminURL, isEditing as getIsEditing } from '@payloadcms/ui/shared';
 import { notFound, redirect } from 'next/navigation.js';
-import { deepCopyObjectSimple } from 'payload';
 import React from 'react';
 import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
 import { NotFoundView } from '../NotFound/index.js';
@@ -149,9 +148,8 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
                 i18n: i18n,
                 permissions: permissions
             }),
-            /*#__PURE__*/ _jsx(HydrateClientUser, {
-                permissions: deepCopyObjectSimple(permissions),
-                user: user
+            /*#__PURE__*/ _jsx(HydrateAuthProvider, {
+                permissions: permissions
             }),
             /*#__PURE__*/ _jsx(EditDepthProvider, {
                 depth: 1,

package/dist/views/Document/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type { AdminViewComponent, AdminViewProps, EditViewComponent } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateClientUser } from '@payloadcms/ui'\nimport {\n  RenderCustomComponent,\n  formatAdminURL,\n  isEditing as getIsEditing,\n} from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport { deepCopyObjectSimple } from 'payload'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { NotFoundView } from '../NotFound/index.js'\nimport { getDocumentData } from './getDocumentData.js'\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\nimport { getMetaBySegment } from './getMetaBySegment.js'\nimport { getViewsFromConfig } from './getViewsFromConfig.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async (args) => getMetaBySegment(args)\n\nexport const Document: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const segments = Array.isArray(params?.segments) ? params.segments : []\n  const collectionSlug = collectionConfig?.slug || undefined\n  const globalSlug = globalConfig?.slug || undefined\n\n  const isEditing = getIsEditing({ id, collectionSlug, globalSlug })\n\n  let ViewOverride: EditViewComponent\n  let CustomView: EditViewComponent\n  let DefaultView: EditViewComponent\n  let ErrorView: AdminViewComponent\n\n  let apiURL: string\n\n  const { data, formState } = await getDocumentData({\n    id,\n    collectionConfig,\n    globalConfig,\n    locale,\n    req,\n  })\n\n  const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data,\n    globalConfig,\n    req,\n  })\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams()\n    if (collectionConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}${apiQueryParams}`\n\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = collectionViews?.CustomView\n      DefaultView = collectionViews?.DefaultView\n      ErrorView = collectionViews?.ErrorView\n    }\n\n    if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n      ErrorView = NotFoundView\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams({\n      locale: locale?.code,\n    })\n    if (globalConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`\n\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = globalViews?.CustomView\n      DefaultView = globalViews?.DefaultView\n      ErrorView = globalViews?.ErrorView\n\n      if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n        ErrorView = NotFoundView\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n  const validateDraftData =\n    collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.validate\n\n  if (shouldAutosave && !validateDraftData && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale?.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}/${doc.id}`,\n        serverURL,\n      })\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  return (\n    <DocumentInfoProvider\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasPublishPermission={hasPublishPermission}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      initialData={data}\n      initialState={formState}\n      isEditing={isEditing}\n    >\n      {!ViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          permissions={permissions}\n        />\n      )}\n      {/**\n       * After bumping the Next.js canary to 104, and React to 19.0.0-rc-06d0b89e-20240801\" we have to deepCopy the permissions object (https://github.com/payloadcms/payload/pull/7541).\n       * If both HydrateClientUser and RenderCustomComponent receive the same permissions object (same object reference), we get a\n       * \"TypeError: Cannot read properties of undefined (reading '$$typeof')\" error when loading up some version views - for example a versions\n       * view in the draft-posts collection of the versions test suite. RenderCustomComponent is what renders the versions view.\n       *\n       * // TODO: Revisit this in the future and figure out why this is happening. Might be a React/Next.js bug. We don't know why it happens, and a future React/Next version might unbreak this (keep an eye on this and remove deepCopyObjectSimple if that's the case)\n       */}\n      <HydrateClientUser permissions={deepCopyObjectSimple(permissions)} user={user} />\n      <EditDepthProvider\n        depth={1}\n        key={`${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`}\n      >\n        {ErrorView ? (\n          <ErrorView initPageResult={initPageResult} searchParams={searchParams} />\n        ) : (\n          <RenderCustomComponent\n            CustomComponent={ViewOverride || CustomView}\n            DefaultComponent={DefaultView}\n            serverOnlyProps={{\n              i18n,\n              initPageResult,\n              locale,\n              params,\n              payload,\n              permissions,\n              routeSegments: segments,\n              searchParams,\n              user,\n            }}\n          />\n        )}\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateClientUser","RenderCustomComponent","formatAdminURL","isEditing","getIsEditing","notFound","redirect","deepCopyObjectSimple","React","DocumentHeader","NotFoundView","getDocumentData","getDocumentPermissions","getMetaBySegment","getViewsFromConfig","generateMetadata","args","Document","initPageResult","params","searchParams","collectionConfig","docID","id","globalConfig","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","api","apiRoute","serverURL","user","visibleEntities","segments","Array","isArray","collectionSlug","slug","undefined","globalSlug","ViewOverride","CustomView","DefaultView","ErrorView","apiURL","data","formState","docPermissions","hasPublishPermission","hasSavePermission","collections","find","visibleSlug","URLSearchParams","versions","drafts","append","code","apiQueryParams","toString","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","validateDraftData","validate","doc","create","collection","depth","draft","fallbackLocale","redirectURL","path","disableActions","initialData","initialState","CustomComponent","DefaultComponent","serverOnlyProps"],"mappings":"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"}
+{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type { AdminViewComponent, AdminViewProps, EditViewComponent } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport {\n  RenderCustomComponent,\n  formatAdminURL,\n  isEditing as getIsEditing,\n} from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { NotFoundView } from '../NotFound/index.js'\nimport { getDocumentData } from './getDocumentData.js'\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\nimport { getMetaBySegment } from './getMetaBySegment.js'\nimport { getViewsFromConfig } from './getViewsFromConfig.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async (args) => getMetaBySegment(args)\n\nexport const Document: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const segments = Array.isArray(params?.segments) ? params.segments : []\n  const collectionSlug = collectionConfig?.slug || undefined\n  const globalSlug = globalConfig?.slug || undefined\n\n  const isEditing = getIsEditing({ id, collectionSlug, globalSlug })\n\n  let ViewOverride: EditViewComponent\n  let CustomView: EditViewComponent\n  let DefaultView: EditViewComponent\n  let ErrorView: AdminViewComponent\n\n  let apiURL: string\n\n  const { data, formState } = await getDocumentData({\n    id,\n    collectionConfig,\n    globalConfig,\n    locale,\n    req,\n  })\n\n  const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data,\n    globalConfig,\n    req,\n  })\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams()\n    if (collectionConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}${apiQueryParams}`\n\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = collectionViews?.CustomView\n      DefaultView = collectionViews?.DefaultView\n      ErrorView = collectionViews?.ErrorView\n    }\n\n    if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n      ErrorView = NotFoundView\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams({\n      locale: locale?.code,\n    })\n    if (globalConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`\n\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = globalViews?.CustomView\n      DefaultView = globalViews?.DefaultView\n      ErrorView = globalViews?.ErrorView\n\n      if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n        ErrorView = NotFoundView\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n  const validateDraftData =\n    collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.validate\n\n  if (shouldAutosave && !validateDraftData && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale?.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}/${doc.id}`,\n        serverURL,\n      })\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  return (\n    <DocumentInfoProvider\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasPublishPermission={hasPublishPermission}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      initialData={data}\n      initialState={formState}\n      isEditing={isEditing}\n    >\n      {!ViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          permissions={permissions}\n        />\n      )}\n      <HydrateAuthProvider permissions={permissions} />\n      {/**\n       * After bumping the Next.js canary to 104, and React to 19.0.0-rc-06d0b89e-20240801\" we have to deepCopy the permissions object (https://github.com/payloadcms/payload/pull/7541).\n       * If both HydrateClientUser and RenderCustomComponent receive the same permissions object (same object reference), we get a\n       * \"TypeError: Cannot read properties of undefined (reading '$$typeof')\" error when loading up some version views - for example a versions\n       * view in the draft-posts collection of the versions test suite. RenderCustomComponent is what renders the versions view.\n       *\n       * // TODO: Revisit this in the future and figure out why this is happening. Might be a React/Next.js bug. We don't know why it happens, and a future React/Next version might unbreak this (keep an eye on this and remove deepCopyObjectSimple if that's the case)\n       */}\n      <EditDepthProvider\n        depth={1}\n        key={`${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`}\n      >\n        {ErrorView ? (\n          <ErrorView initPageResult={initPageResult} searchParams={searchParams} />\n        ) : (\n          <RenderCustomComponent\n            CustomComponent={ViewOverride || CustomView}\n            DefaultComponent={DefaultView}\n            serverOnlyProps={{\n              i18n,\n              initPageResult,\n              locale,\n              params,\n              payload,\n              permissions,\n              routeSegments: segments,\n              searchParams,\n              user,\n            }}\n          />\n        )}\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderCustomComponent","formatAdminURL","isEditing","getIsEditing","notFound","redirect","React","DocumentHeader","NotFoundView","getDocumentData","getDocumentPermissions","getMetaBySegment","getViewsFromConfig","generateMetadata","args","Document","initPageResult","params","searchParams","collectionConfig","docID","id","globalConfig","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","api","apiRoute","serverURL","user","visibleEntities","segments","Array","isArray","collectionSlug","slug","undefined","globalSlug","ViewOverride","CustomView","DefaultView","ErrorView","apiURL","data","formState","docPermissions","hasPublishPermission","hasSavePermission","collections","find","visibleSlug","URLSearchParams","versions","drafts","append","code","apiQueryParams","toString","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","validateDraftData","validate","doc","create","collection","depth","draft","fallbackLocale","redirectURL","path","disableActions","initialData","initialState","CustomComponent","DefaultComponent","serverOnlyProps"],"mappings":"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"}

package/dist/views/Edit/Default/Auth/APIKey.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const APIKey: React.FC<{
-    enabled: boolean;
-    readOnly?: boolean;
+    readonly enabled: boolean;
+    readonly readOnly?: boolean;
 }>;
 //# sourceMappingURL=APIKey.d.ts.map

package/dist/views/Edit/Default/Auth/APIKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAgGrE,CAAA"}
+{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAuHvF,CAAA"}

package/dist/views/Edit/Default/Auth/APIKey.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyToClipboard, FieldLabel, GenerateConfirmation, useConfig, useField, useFormFields, useTranslation } from '@payloadcms/ui';
+import { getTranslation } from '@payloadcms/translations';
+import { CopyToClipboard, FieldLabel, GenerateConfirmation, useComponentMap, useConfig, useDocumentInfo, useField, useFormFields, useTranslation } from '@payloadcms/ui';
 import { text } from 'payload/shared';
 import React, { useEffect, useMemo, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
@@ -10,9 +11,15 @@ const fieldBaseClass = 'field-type';
 export const APIKey = ({ enabled, readOnly })=>{
     const [initialAPIKey] = useState(uuidv4());
     const [highlightedField, setHighlightedField] = useState(false);
-    const { t } = useTranslation();
+    const { i18n, t } = useTranslation();
     const config = useConfig();
     const apiKey = useFormFields(([fields])=>fields && fields[path] || null);
+    const { collectionSlug, docPermissions } = useDocumentInfo();
+    const { getFieldMap } = useComponentMap();
+    const fieldMap = getFieldMap({
+        collectionSlug
+    });
+    const apiKeyField = fieldMap.find((field)=>'name' in field && field.name === 'apiKey');
     const validate = (val)=>text(val, {
             name: 'apiKey',
             type: 'text',
@@ -31,19 +38,39 @@ export const APIKey = ({ enabled, readOnly })=>{
             siblingData: {}
         });
     const apiKeyValue = apiKey?.value;
-    const APIKeyLabel = useMemo(()=>/*#__PURE__*/ _jsxs("div", {
+    const apiKeyLabel = useMemo(()=>{
+        let label = 'API Key';
+        if (apiKeyField && apiKeyField.fieldComponentProps.label) {
+            label = apiKeyField.fieldComponentProps.label;
+        }
+        return getTranslation(label, i18n);
+    }, [
+        apiKeyField,
+        i18n
+    ]);
+    const APIKeyLabelComponent = useMemo(()=>{
+        return /*#__PURE__*/ _jsxs("div", {
             className: `${baseClass}__label`,
             children: [
                 /*#__PURE__*/ _jsx("span", {
-                    children: "API Key"
+                    children: apiKeyLabel
                 }),
                 /*#__PURE__*/ _jsx(CopyToClipboard, {
                     value: apiKeyValue
                 })
             ]
-        }), [
+        });
+    }, [
+        apiKeyLabel,
         apiKeyValue
     ]);
+    const canUpdateAPIKey = useMemo(()=>{
+        if (docPermissions && docPermissions?.fields?.apiKey) {
+            return docPermissions.fields.apiKey.update.permission;
+        }
+    }, [
+        docPermissions
+    ]);
     const fieldType = useField({
         path: 'apiKey',
         validate
@@ -92,11 +119,11 @@ export const APIKey = ({ enabled, readOnly })=>{
                 ].filter(Boolean).join(' '),
                 children: [
                     /*#__PURE__*/ _jsx(FieldLabel, {
-                        CustomLabel: APIKeyLabel,
+                        CustomLabel: APIKeyLabelComponent,
                         htmlFor: path
                     }),
                     /*#__PURE__*/ _jsx("input", {
-                        "aria-label": "API Key",
+                        "aria-label": apiKeyLabel,
                         className: highlightedField ? 'highlight' : undefined,
                         disabled: true,
                         id: "apiKey",
@@ -106,7 +133,7 @@ export const APIKey = ({ enabled, readOnly })=>{
                     })
                 ]
             }),
-            !readOnly && /*#__PURE__*/ _jsx(GenerateConfirmation, {
+            !readOnly && canUpdateAPIKey && /*#__PURE__*/ _jsx(GenerateConfirmation, {
                 highlightField: highlightField,
                 setKey: ()=>setValue(uuidv4())
             })

package/dist/views/Edit/Default/Auth/APIKey.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport {\n  CopyToClipboard,\n  FieldLabel,\n  GenerateConfirmation,\n  useConfig,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ enabled: boolean; readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <div className={`${baseClass}__label`}>\n        <span>API Key</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    ),\n    [apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <FieldLabel CustomLabel={APIKeyLabel} htmlFor={path} />\n        <input\n          aria-label=\"API Key\"\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["CopyToClipboard","FieldLabel","GenerateConfirmation","useConfig","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","t","config","apiKey","fields","validate","val","name","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","APIKeyLabel","div","className","span","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","CustomLabel","htmlFor","input","aria-label","undefined","disabled","id","setKey"],"mappings":"AAAA;;AAGA,SACEA,eAAe,EACfC,UAAU,EACVC,oBAAoB,EACpBC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,SAASC,IAAI,QAAQ,iBAAgB;AACrC,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAC3D,SAASC,MAAMC,MAAM,QAAQ,OAAM;AAEnC,MAAMC,OAAO;AACb,MAAMC,YAAY;AAClB,MAAMC,iBAAiB;AAEvB,OAAO,MAAMC,SAA6D,CAAC,EACzEC,OAAO,EACPC,QAAQ,EACT;IACC,MAAM,CAACC,cAAc,GAAGT,SAASE;IACjC,MAAM,CAACQ,kBAAkBC,oBAAoB,GAAGX,SAAS;IACzD,MAAM,EAAEY,CAAC,EAAE,GAAGjB;IACd,MAAMkB,SAASrB;IAEf,MAAMsB,SAASpB,cAAc,CAAC,CAACqB,OAAO,GAAK,AAACA,UAAUA,MAAM,CAACZ,KAAK,IAAK;IAEvE,MAAMa,WAAW,CAACC,MAChBrB,KAAKqB,KAAK;YACRC,MAAM;YACNC,MAAM;YACNC,MAAM,CAAC;YACPC,WAAW;YACXC,WAAW;YACXC,aAAa;gBAAER,QAAQ,CAAC;YAAE;YAC1BS,KAAK;gBACHC,SAAS;oBACPZ;gBACF;gBACAD;YACF;YACAc,aAAa,CAAC;QAChB;IAEF,MAAMC,cAAcb,QAAQc;IAE5B,MAAMC,cAAc9B,QAClB,kBACE,MAAC+B;YAAIC,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;;8BACnC,KAAC4B;8BAAK;;8BACN,KAAC3C;oBAAgBuC,OAAOD;;;YAG5B;QAACA;KAAY;IAGf,MAAMM,YAAYxC,SAAS;QACzBU,MAAM;QACNa;IACF;IAEA,MAAMkB,iBAAiB;QACrB,IAAIxB,kBAAkB;YACpBC,oBAAoB;QACtB;QACAwB,WAAW;YACTxB,oBAAoB;QACtB,GAAG;IACL;IAEA,MAAM,EAAEyB,QAAQ,EAAER,KAAK,EAAE,GAAGK;IAE5BnC,UAAU;QACR,IAAI,CAAC6B,eAAepB,SAAS;YAC3B6B,SAAS3B;QACX;QACA,IAAI,CAACF,WAAWoB,aAAa;YAC3BS,SAAS;QACX;IACF,GAAG;QAACT;QAAapB;QAAS6B;QAAU3B;KAAc;IAElDX,UAAU;QACR,IAAIY,kBAAkB;YACpByB,WAAW;gBACTxB,oBAAoB;YACtB,GAAG;QACL;IACF,GAAG;QAACD;KAAiB;IAErB,IAAI,CAACH,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,MAACV,MAAMwC,QAAQ;;0BACb,MAACP;gBAAIC,WAAW;oBAAC1B;oBAAgB;oBAAW;iBAAY,CAACiC,MAAM,CAACC,SAASC,IAAI,CAAC;;kCAC5E,KAAClD;wBAAWmD,aAAaZ;wBAAaa,SAASvC;;kCAC/C,KAACwC;wBACCC,cAAW;wBACXb,WAAWrB,mBAAmB,cAAcmC;wBAC5CC,QAAQ;wBACRC,IAAG;wBACH7B,MAAK;wBACLC,MAAK;wBACLS,OAAO,AAACA,SAAoB;;;;YAG/B,CAACpB,0BACA,KAACjB;gBAAqB2C,gBAAgBA;gBAAgBc,QAAQ,IAAMZ,SAASlC;;;;AAIrF,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { FieldMap, PayloadRequest } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CopyToClipboard,\n  FieldDescription,\n  FieldLabel,\n  GenerateConfirmation,\n  useComponentMap,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { i18n, t } = useTranslation()\n  const config = useConfig()\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n  const { collectionSlug, docPermissions } = useDocumentInfo()\n\n  const { getFieldMap } = useComponentMap()\n\n  const fieldMap: FieldMap = getFieldMap({\n    collectionSlug,\n  })\n\n  const apiKeyField = fieldMap.find((field) => 'name' in field && field.name === 'apiKey')\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField && apiKeyField.fieldComponentProps.label) {\n      label = apiKeyField.fieldComponentProps.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabelComponent = useMemo(() => {\n    return (\n      <div className={`${baseClass}__label`}>\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    )\n  }, [apiKeyLabel, apiKeyValue])\n\n  const canUpdateAPIKey = useMemo(() => {\n    if (docPermissions && docPermissions?.fields?.apiKey) {\n      return docPermissions.fields.apiKey.update.permission\n    }\n  }, [docPermissions])\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <FieldLabel CustomLabel={APIKeyLabelComponent} htmlFor={path} />\n        <input\n          aria-label={apiKeyLabel}\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && canUpdateAPIKey && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["getTranslation","CopyToClipboard","FieldLabel","GenerateConfirmation","useComponentMap","useConfig","useDocumentInfo","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","i18n","t","config","apiKey","fields","collectionSlug","docPermissions","getFieldMap","fieldMap","apiKeyField","find","field","name","validate","val","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","fieldComponentProps","APIKeyLabelComponent","div","className","span","canUpdateAPIKey","update","permission","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","CustomLabel","htmlFor","input","aria-label","undefined","disabled","id","setKey"],"mappings":"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"}

package/dist/views/Edit/Default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAM9D,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAoPnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAM9D,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAuPnC,CAAA"}

package/dist/views/Edit/Default/index.js

@@ -42,7 +42,9 @@ export const DefaultEditView = ()=>{
     const classes = [
         baseClass,
         id && `${baseClass}--is-editing`
-    ].filter(Boolean).join(' ');
+    ];
+    if (globalSlug) classes.push(`global-edit--${globalSlug}`);
+    if (collectionSlug) classes.push(`collection-edit--${collectionSlug}`);
     const [schemaPath, setSchemaPath] = React.useState(entitySlug);
     const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(()=>{
         if (operation === 'create' && collectionConfig.auth && !collectionConfig.auth.disableLocalStrategy) return true;
@@ -119,7 +121,7 @@ export const DefaultEditView = ()=>{
         serverURL
     ]);
     return /*#__PURE__*/ _jsx("main", {
-        className: classes,
+        className: classes.filter(Boolean).join(' '),
         children: /*#__PURE__*/ _jsx(OperationProvider, {
             operation: operation,
             children: /*#__PURE__*/ _jsxs(Form, {