@payloadcms/next 3.0.0-beta.7 → 3.0.0-beta.70

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

@@ -1,21 +1,73 @@
 'use client';
-import { RenderFields } from '@payloadcms/ui/forms/RenderFields';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfirmPasswordField, Form, FormSubmit, PasswordField, RenderFields, useComponentMap, useConfig, useTranslation } from '@payloadcms/ui';
+import { getFormState } from '@payloadcms/ui/shared';
 import React from 'react';
-export const CreateFirstUserFields = ({ createFirstUserFieldMap, userSlug })=>{
+import { LoginField } from '../Login/LoginField/index.js';
+export const CreateFirstUserClient = ({ initialState, loginType, requireEmail = true, userSlug })=>{
     const { getFieldMap } = useComponentMap();
+    const { routes: { admin, api: apiRoute }, serverURL } = useConfig();
+    const { t } = useTranslation();
     const fieldMap = getFieldMap({
         collectionSlug: userSlug
     });
-    return /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: [
-            ...fieldMap || [],
-            ...createFirstUserFieldMap || []
+    const onChange = React.useCallback(async ({ formState: prevFormState })=>{
+        return getFormState({
+            apiRoute,
+            body: {
+                collectionSlug: userSlug,
+                formState: prevFormState,
+                operation: 'create',
+                schemaPath: userSlug
+            },
+            serverURL
+        });
+    }, [
+        apiRoute,
+        userSlug,
+        serverURL
+    ]);
+    return /*#__PURE__*/ _jsxs(Form, {
+        action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
+        initialState: initialState,
+        method: "POST",
+        onChange: [
+            onChange
         ],
-        operation: "create",
-        path: "",
-        readOnly: false,
-        schemaPath: userSlug
+        redirect: admin,
+        validationOperation: "create",
+        children: [
+            [
+                'emailOrUsername',
+                'username'
+            ].includes(loginType) && /*#__PURE__*/ _jsx(LoginField, {
+                type: "username"
+            }),
+            [
+                'email',
+                'emailOrUsername'
+            ].includes(loginType) && /*#__PURE__*/ _jsx(LoginField, {
+                required: requireEmail,
+                type: "email"
+            }),
+            /*#__PURE__*/ _jsx(PasswordField, {
+                autoComplete: "off",
+                label: t('authentication:newPassword'),
+                name: "password",
+                required: true
+            }),
+            /*#__PURE__*/ _jsx(ConfirmPasswordField, {}),
+            /*#__PURE__*/ _jsx(RenderFields, {
+                fieldMap: fieldMap,
+                operation: "create",
+                path: "",
+                readOnly: false,
+                schemaPath: userSlug
+            }),
+            /*#__PURE__*/ _jsx(FormSubmit, {
+                children: t('general:create')
+            })
+        ]
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { RenderFields } from '@payloadcms/ui/forms/RenderFields'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport React from 'react'\n\nexport const CreateFirstUserFields: React.FC<{\n  createFirstUserFieldMap: FieldMap\n  userSlug: string\n}> = ({ createFirstUserFieldMap, userSlug }) => {\n  const { getFieldMap } = useComponentMap()\n\n  const fieldMap = getFieldMap({ collectionSlug: userSlug })\n\n  return (\n    <RenderFields\n      fieldMap={[...(fieldMap || []), ...(createFirstUserFieldMap || [])]}\n      operation=\"create\"\n      path=\"\"\n      readOnly={false}\n      schemaPath={userSlug}\n    />\n  )\n}\n"],"names":["RenderFields","useComponentMap","React","CreateFirstUserFields","createFirstUserFieldMap","userSlug","getFieldMap","fieldMap","collectionSlug","operation","path","readOnly","schemaPath"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,oCAAmC;AAChE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,wBAGR,CAAC,EAAEC,uBAAuB,EAAEC,QAAQ,EAAE;IACzC,MAAM,EAAEC,WAAW,EAAE,GAAGL;IAExB,MAAMM,WAAWD,YAAY;QAAEE,gBAAgBH;IAAS;IAExD,qBACE,oBAACL;QACCO,UAAU;eAAKA,YAAY,EAAE;eAAOH,2BAA2B,EAAE;SAAE;QACnEK,WAAU;QACVC,MAAK;QACLC,UAAU;QACVC,YAAYP;;AAGlB,EAAC"}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  type FormProps,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useComponentMap,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { LoginField } from '../Login/LoginField/index.js'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  loginType: 'email' | 'emailOrUsername' | 'username'\n  requireEmail?: boolean\n  userSlug: string\n}> = ({ initialState, loginType, requireEmail = true, userSlug }) => {\n  const { getFieldMap } = useComponentMap()\n\n  const {\n    routes: { admin, api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const fieldMap = getFieldMap({ collectionSlug: userSlug })\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState }) => {\n      return getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: userSlug,\n        },\n        serverURL,\n      })\n    },\n    [apiRoute, userSlug, serverURL],\n  )\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n      initialState={initialState}\n      method=\"POST\"\n      onChange={[onChange]}\n      redirect={admin}\n      validationOperation=\"create\"\n    >\n      {['emailOrUsername', 'username'].includes(loginType) && <LoginField type=\"username\" />}\n      {['email', 'emailOrUsername'].includes(loginType) && (\n        <LoginField required={requireEmail} type=\"email\" />\n      )}\n      <PasswordField\n        autoComplete=\"off\"\n        label={t('authentication:newPassword')}\n        name=\"password\"\n        required\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fieldMap={fieldMap}\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit>{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["ConfirmPasswordField","Form","FormSubmit","PasswordField","RenderFields","useComponentMap","useConfig","useTranslation","getFormState","React","LoginField","CreateFirstUserClient","initialState","loginType","requireEmail","userSlug","getFieldMap","routes","admin","api","apiRoute","serverURL","t","fieldMap","collectionSlug","onChange","useCallback","formState","prevFormState","body","operation","schemaPath","action","method","redirect","validationOperation","includes","type","required","autoComplete","label","name","path","readOnly"],"mappings":"AAAA;;AAGA,SACEA,oBAAoB,EACpBC,IAAI,EAEJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,eAAe,EACfC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,+BAA8B;AAEzD,OAAO,MAAMC,wBAKR,CAAC,EAAEC,YAAY,EAAEC,SAAS,EAAEC,eAAe,IAAI,EAAEC,QAAQ,EAAE;IAC9D,MAAM,EAAEC,WAAW,EAAE,GAAGX;IAExB,MAAM,EACJY,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EAChCC,SAAS,EACV,GAAGf;IAEJ,MAAM,EAAEgB,CAAC,EAAE,GAAGf;IAEd,MAAMgB,WAAWP,YAAY;QAAEQ,gBAAgBT;IAAS;IAExD,MAAMU,WAAqChB,MAAMiB,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAE;QACjC,OAAOpB,aAAa;YAClBY;YACAS,MAAM;gBACJL,gBAAgBT;gBAChBY,WAAWC;gBACXE,WAAW;gBACXC,YAAYhB;YACd;YACAM;QACF;IACF,GACA;QAACD;QAAUL;QAAUM;KAAU;IAGjC,qBACE,MAACpB;QACC+B,QAAQ,CAAC,EAAEX,UAAU,EAAED,SAAS,CAAC,EAAEL,SAAS,eAAe,CAAC;QAC5DH,cAAcA;QACdqB,QAAO;QACPR,UAAU;YAACA;SAAS;QACpBS,UAAUhB;QACViB,qBAAoB;;YAEnB;gBAAC;gBAAmB;aAAW,CAACC,QAAQ,CAACvB,4BAAc,KAACH;gBAAW2B,MAAK;;YACxE;gBAAC;gBAAS;aAAkB,CAACD,QAAQ,CAACvB,4BACrC,KAACH;gBAAW4B,UAAUxB;gBAAcuB,MAAK;;0BAE3C,KAAClC;gBACCoC,cAAa;gBACbC,OAAOlB,EAAE;gBACTmB,MAAK;gBACLH,QAAQ;;0BAEV,KAACtC;0BACD,KAACI;gBACCmB,UAAUA;gBACVO,WAAU;gBACVY,MAAK;gBACLC,UAAU;gBACVZ,YAAYhB;;0BAEd,KAACb;0BAAYoB,EAAE;;;;AAGrB,EAAC"}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 import './index.scss';
 export { generateCreateFirstUserMetadata } from './meta.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAOnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4ExD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAS,MAAM,SAAS,CAAA;AAGpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0ExD,CAAA"}

package/dist/views/CreateFirstUser/index.js

@@ -1,20 +1,38 @@
-import { Form } from '@payloadcms/ui/forms/Form';
-import { FormSubmit } from '@payloadcms/ui/forms/Submit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema';
-import { WithServerSideProps as WithServerSidePropsGeneric } from '@payloadcms/ui/providers/ComponentMap';
-import { mapFields } from '@payloadcms/ui/utilities/buildComponentMap';
 import React from 'react';
-import { CreateFirstUserFields } from './index.client.js';
+import { CreateFirstUserClient } from './index.client.js';
 export { generateCreateFirstUserMetadata } from './meta.js';
 export const CreateFirstUserView = async ({ initPageResult })=>{
-    const { req, req: { i18n, payload, payload: { config, config: { admin: { user: userSlug }, routes: { admin: adminRoute, api: apiRoute }, serverURL } } } } = initPageResult;
+    const { req, req: { payload: { config: { admin: { user: userSlug } }, config } } } = initPageResult;
+    const collectionConfig = config.collections?.find((collection)=>collection?.slug === userSlug);
+    const { auth: authOptions } = collectionConfig;
+    const loginWithUsername = authOptions.loginWithUsername;
+    const loginWithEmail = !loginWithUsername || loginWithUsername.allowEmailLogin;
+    const emailRequired = loginWithUsername && loginWithUsername.requireEmail;
+    let loginType = loginWithUsername ? 'username' : 'email';
+    if (loginWithUsername && (loginWithUsername.allowEmailLogin || loginWithUsername.requireEmail)) {
+        loginType = 'emailOrUsername';
+    }
+    const emailField = {
+        name: 'email',
+        type: 'email',
+        label: req.t('general:emailAddress'),
+        required: emailRequired ? true : false
+    };
+    const usernameField = {
+        name: 'username',
+        type: 'text',
+        label: req.t('authentication:username'),
+        required: true
+    };
     const fields = [
-        {
-            name: 'email',
-            type: 'email',
-            label: req.t('general:emailAddress'),
-            required: true
-        },
+        ...loginWithUsername ? [
+            usernameField
+        ] : [],
+        ...emailRequired || loginWithEmail ? [
+            emailField
+        ] : [],
         {
             name: 'password',
             type: 'text',
@@ -28,36 +46,31 @@ export const CreateFirstUserView = async ({ initPageResult })=>{
             required: true
         }
     ];
-    const WithServerSideProps = ({ Component, ...rest })=>{
-        return /*#__PURE__*/ React.createElement(WithServerSidePropsGeneric, {
-            Component: Component,
-            payload: payload,
-            ...rest
-        });
-    };
-    const createFirstUserFieldMap = mapFields({
-        WithServerSideProps,
-        config,
-        fieldSchema: fields,
-        i18n,
-        parentPath: userSlug
-    });
     const formState = await buildStateFromSchema({
         fieldSchema: fields,
         operation: 'create',
-        preferences: {},
+        preferences: {
+            fields: {}
+        },
         req
     });
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", null, req.t('general:welcome')), /*#__PURE__*/ React.createElement("p", null, req.t('authentication:beginCreateFirstUser')), /*#__PURE__*/ React.createElement(Form, {
-        action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
-        initialState: formState,
-        method: "POST",
-        redirect: adminRoute,
-        validationOperation: "create"
-    }, /*#__PURE__*/ React.createElement(CreateFirstUserFields, {
-        createFirstUserFieldMap: createFirstUserFieldMap,
-        userSlug: userSlug
-    }), /*#__PURE__*/ React.createElement(FormSubmit, null, req.t('general:create'))));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "create-first-user",
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                children: req.t('general:welcome')
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                children: req.t('authentication:beginCreateFirstUser')
+            }),
+            /*#__PURE__*/ _jsx(CreateFirstUserClient, {
+                initialState: formState,
+                loginType: loginType,
+                requireEmail: emailRequired,
+                userSlug: userSlug
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type { Field, WithServerSideProps as WithServerSidePropsType } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport { WithServerSideProps as WithServerSidePropsGeneric } from '@payloadcms/ui/providers/ComponentMap'\nimport { mapFields } from '@payloadcms/ui/utilities/buildComponentMap'\nimport React from 'react'\n\nimport { CreateFirstUserFields } from './index.client.js'\nimport './index.scss'\n\nexport { generateCreateFirstUserMetadata } from './meta.js'\n\nexport const CreateFirstUserView: React.FC<AdminViewProps> = async ({ initPageResult }) => {\n  const {\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          admin: { user: userSlug },\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n    },\n  } = initPageResult\n\n  const fields: Field[] = [\n    {\n      name: 'email',\n      type: 'email',\n      label: req.t('general:emailAddress'),\n      required: true,\n    },\n    {\n      name: 'password',\n      type: 'text',\n      label: req.t('general:password'),\n      required: true,\n    },\n    {\n      name: 'confirm-password',\n      type: 'text',\n      label: req.t('authentication:confirmPassword'),\n      required: true,\n    },\n  ]\n\n  const WithServerSideProps: WithServerSidePropsType = ({ Component, ...rest }) => {\n    return <WithServerSidePropsGeneric Component={Component} payload={payload} {...rest} />\n  }\n\n  const createFirstUserFieldMap = mapFields({\n    WithServerSideProps,\n    config,\n    fieldSchema: fields,\n    i18n,\n    parentPath: userSlug,\n  })\n\n  const formState = await buildStateFromSchema({\n    fieldSchema: fields,\n    operation: 'create',\n    preferences: {},\n    req,\n  })\n\n  return (\n    <React.Fragment>\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <Form\n        action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n        initialState={formState}\n        method=\"POST\"\n        redirect={adminRoute}\n        validationOperation=\"create\"\n      >\n        <CreateFirstUserFields\n          createFirstUserFieldMap={createFirstUserFieldMap}\n          userSlug={userSlug}\n        />\n        <FormSubmit>{req.t('general:create')}</FormSubmit>\n      </Form>\n    </React.Fragment>\n  )\n}\n"],"names":["Form","FormSubmit","buildStateFromSchema","WithServerSideProps","WithServerSidePropsGeneric","mapFields","React","CreateFirstUserFields","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","req","i18n","payload","config","admin","user","userSlug","routes","adminRoute","api","apiRoute","serverURL","fields","name","type","label","t","required","Component","rest","createFirstUserFieldMap","fieldSchema","parentPath","formState","operation","preferences","Fragment","h1","p","action","initialState","method","redirect","validationOperation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,IAAI,QAAQ,4BAA2B;AAChD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,oBAAoB,QAAQ,4CAA2C;AAChF,SAASC,uBAAuBC,0BAA0B,QAAQ,wCAAuC;AACzG,SAASC,SAAS,QAAQ,6CAA4C;AACtE,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAGzD,SAASC,+BAA+B,QAAQ,YAAW;AAE3D,OAAO,MAAMC,sBAAgD,OAAO,EAAEC,cAAc,EAAE;IACpF,MAAM,EACJC,GAAG,EACHA,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EACPC,MAAM,EACNA,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EACzBC,QAAQ,EAAEH,OAAOI,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,EACF,EACF,EACF,GAAGZ;IAEJ,MAAMa,SAAkB;QACtB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAOf,IAAIgB,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOf,IAAIgB,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOf,IAAIgB,CAAC,CAAC;YACbC,UAAU;QACZ;KACD;IAED,MAAMzB,sBAA+C,CAAC,EAAE0B,SAAS,EAAE,GAAGC,MAAM;QAC1E,qBAAO,oBAAC1B;YAA2ByB,WAAWA;YAAWhB,SAASA;YAAU,GAAGiB,IAAI;;IACrF;IAEA,MAAMC,0BAA0B1B,UAAU;QACxCF;QACAW;QACAkB,aAAaT;QACbX;QACAqB,YAAYhB;IACd;IAEA,MAAMiB,YAAY,MAAMhC,qBAAqB;QAC3C8B,aAAaT;QACbY,WAAW;QACXC,aAAa,CAAC;QACdzB;IACF;IAEA,qBACE,oBAACL,MAAM+B,QAAQ,sBACb,oBAACC,YAAI3B,IAAIgB,CAAC,CAAC,mCACX,oBAACY,WAAG5B,IAAIgB,CAAC,CAAC,uDACV,oBAAC3B;QACCwC,QAAQ,CAAC,EAAElB,UAAU,EAAED,SAAS,CAAC,EAAEJ,SAAS,eAAe,CAAC;QAC5DwB,cAAcP;QACdQ,QAAO;QACPC,UAAUxB;QACVyB,qBAAoB;qBAEpB,oBAACrC;QACCwB,yBAAyBA;QACzBd,UAAUA;sBAEZ,oBAAChB,kBAAYU,IAAIgB,CAAC,CAAC;AAI3B,EAAC"}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type { AdminViewProps, Field } from 'payload'\n\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport React from 'react'\n\nimport type { LoginFieldProps } from '../Login/LoginField/index.js'\n\nimport { CreateFirstUserClient } from './index.client.js'\nimport './index.scss'\n\nexport { generateCreateFirstUserMetadata } from './meta.js'\n\nexport const CreateFirstUserView: React.FC<AdminViewProps> = async ({ initPageResult }) => {\n  const {\n    req,\n    req: {\n      payload: {\n        config: {\n          admin: { user: userSlug },\n        },\n        config,\n      },\n    },\n  } = initPageResult\n\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const loginWithEmail = !loginWithUsername || loginWithUsername.allowEmailLogin\n  const emailRequired = loginWithUsername && loginWithUsername.requireEmail\n\n  let loginType: LoginFieldProps['type'] = loginWithUsername ? 'username' : 'email'\n  if (loginWithUsername && (loginWithUsername.allowEmailLogin || loginWithUsername.requireEmail)) {\n    loginType = 'emailOrUsername'\n  }\n\n  const emailField = {\n    name: 'email',\n    type: 'email',\n    label: req.t('general:emailAddress'),\n    required: emailRequired ? true : false,\n  }\n\n  const usernameField = {\n    name: 'username',\n    type: 'text',\n    label: req.t('authentication:username'),\n    required: true,\n  }\n\n  const fields = [\n    ...(loginWithUsername ? [usernameField] : []),\n    ...(emailRequired || loginWithEmail ? [emailField] : []),\n    {\n      name: 'password',\n      type: 'text',\n      label: req.t('general:password'),\n      required: true,\n    },\n    {\n      name: 'confirm-password',\n      type: 'text',\n      label: req.t('authentication:confirmPassword'),\n      required: true,\n    },\n  ]\n\n  const formState = await buildStateFromSchema({\n    fieldSchema: fields as Field[],\n    operation: 'create',\n    preferences: { fields: {} },\n    req,\n  })\n\n  return (\n    <div className=\"create-first-user\">\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <CreateFirstUserClient\n        initialState={formState}\n        loginType={loginType}\n        requireEmail={emailRequired}\n        userSlug={userSlug}\n      />\n    </div>\n  )\n}\n"],"names":["buildStateFromSchema","React","CreateFirstUserClient","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","req","payload","config","admin","user","userSlug","collectionConfig","collections","find","collection","slug","auth","authOptions","loginWithUsername","loginWithEmail","allowEmailLogin","emailRequired","requireEmail","loginType","emailField","name","type","label","t","required","usernameField","fields","formState","fieldSchema","operation","preferences","div","className","h1","p","initialState"],"mappings":";AAEA,SAASA,oBAAoB,QAAQ,4CAA2C;AAChF,OAAOC,WAAW,QAAO;AAIzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAGzD,SAASC,+BAA+B,QAAQ,YAAW;AAE3D,OAAO,MAAMC,sBAAgD,OAAO,EAAEC,cAAc,EAAE;IACpF,MAAM,EACJC,GAAG,EACHA,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EAC1B,EACDH,MAAM,EACP,EACF,EACF,GAAGH;IAEJ,MAAMO,mBAAmBJ,OAAOK,WAAW,EAAEC,KAAK,CAACC,aAAeA,YAAYC,SAASL;IACvF,MAAM,EAAEM,MAAMC,WAAW,EAAE,GAAGN;IAC9B,MAAMO,oBAAoBD,YAAYC,iBAAiB;IACvD,MAAMC,iBAAiB,CAACD,qBAAqBA,kBAAkBE,eAAe;IAC9E,MAAMC,gBAAgBH,qBAAqBA,kBAAkBI,YAAY;IAEzE,IAAIC,YAAqCL,oBAAoB,aAAa;IAC1E,IAAIA,qBAAsBA,CAAAA,kBAAkBE,eAAe,IAAIF,kBAAkBI,YAAY,AAAD,GAAI;QAC9FC,YAAY;IACd;IAEA,MAAMC,aAAa;QACjBC,MAAM;QACNC,MAAM;QACNC,OAAOtB,IAAIuB,CAAC,CAAC;QACbC,UAAUR,gBAAgB,OAAO;IACnC;IAEA,MAAMS,gBAAgB;QACpBL,MAAM;QACNC,MAAM;QACNC,OAAOtB,IAAIuB,CAAC,CAAC;QACbC,UAAU;IACZ;IAEA,MAAME,SAAS;WACTb,oBAAoB;YAACY;SAAc,GAAG,EAAE;WACxCT,iBAAiBF,iBAAiB;YAACK;SAAW,GAAG,EAAE;QACvD;YACEC,MAAM;YACNC,MAAM;YACNC,OAAOtB,IAAIuB,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOtB,IAAIuB,CAAC,CAAC;YACbC,UAAU;QACZ;KACD;IAED,MAAMG,YAAY,MAAMjC,qBAAqB;QAC3CkC,aAAaF;QACbG,WAAW;QACXC,aAAa;YAAEJ,QAAQ,CAAC;QAAE;QAC1B1B;IACF;IAEA,qBACE,MAAC+B;QAAIC,WAAU;;0BACb,KAACC;0BAAIjC,IAAIuB,CAAC,CAAC;;0BACX,KAACW;0BAAGlC,IAAIuB,CAAC,CAAC;;0BACV,KAAC3B;gBACCuC,cAAcR;gBACdT,WAAWA;gBACXD,cAAcD;gBACdX,UAAUA;;;;AAIlB,EAAC"}

package/dist/views/CreateFirstUser/index.scss

@@ -1,15 +1,5 @@
 .create-first-user {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  min-height: 100vh;
-
-  &__wrap {
-    width: 100%;
-    margin: 0 auto var(--base);
-
-    svg {
-      width: 100%;
-    }
+  > form > .field-type {
+    margin-bottom: var(--base);
   }
 }

package/dist/views/CreateFirstUser/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,+BAA+B,EAAE,oBAU7C,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,+BAA+B,EAAE,oBAU1C,CAAA"}

package/dist/views/CreateFirstUser/meta.js

@@ -1,11 +1,10 @@
 import { meta } from '../../utilities/meta.js';
-export const generateCreateFirstUserMetadata = async ({ config, i18n: { t } })=>{
-    return meta({
-        config,
+export const generateCreateFirstUserMetadata = async ({ config, i18n: { t } })=>meta({
         description: t('authentication:createFirstUser'),
         keywords: t('general:create'),
-        title: t('authentication:createFirstUser')
+        serverURL: config.serverURL,
+        title: t('authentication:createFirstUser'),
+        ...config.admin.meta || {}
     });
-};
 
 //# sourceMappingURL=meta.js.map

package/dist/views/CreateFirstUser/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateCreateFirstUserMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) => {\n  return meta({\n    config,\n    description: t('authentication:createFirstUser'),\n    keywords: t('general:create'),\n    title: t('authentication:createFirstUser'),\n  })\n}\n"],"names":["meta","generateCreateFirstUserMetadata","config","i18n","t","description","keywords","title"],"rangeMappings":";;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,kCAAwD,OAAO,EAC1EC,MAAM,EACNC,MAAM,EAAEC,CAAC,EAAE,EACZ;IACC,OAAOJ,KAAK;QACVE;QACAG,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,OAAOH,EAAE;IACX;AACF,EAAC"}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateCreateFirstUserMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) =>\n  meta({\n    description: t('authentication:createFirstUser'),\n    keywords: t('general:create'),\n    serverURL: config.serverURL,\n    title: t('authentication:createFirstUser'),\n    ...(config.admin.meta || {}),\n  })\n"],"names":["meta","generateCreateFirstUserMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,kCAAwD,OAAO,EAC1EC,MAAM,EACNC,MAAM,EAAEC,CAAC,EAAE,EACZ,GACCJ,KAAK;QACHK,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,WAAWL,OAAOK,SAAS;QAC3BC,OAAOJ,EAAE;QACT,GAAIF,OAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;IAC7B,GAAE"}

package/dist/views/Dashboard/Default/index.d.ts

@@ -1,12 +1,12 @@
-import type { Permissions } from 'payload/auth';
-import type { SanitizedConfig, VisibleEntities } from 'payload/types';
+import type { groupNavItems } from '@payloadcms/ui/shared';
+import type { Permissions, ServerProps, VisibleEntities } from 'payload';
 import React from 'react';
 import './index.scss';
 export type DashboardProps = {
     Link: React.ComponentType<any>;
-    config: SanitizedConfig;
+    navGroups?: ReturnType<typeof groupNavItems>;
     permissions: Permissions;
     visibleEntities: VisibleEntities;
-};
+} & ServerProps;
 export declare const DefaultDashboard: React.FC<DashboardProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAKrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,EAAE,eAAe,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6BrD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKxE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqJrD,CAAA"}

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

@@ -1,28 +1,130 @@
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { SetStepNav } from '@payloadcms/ui/elements/StepNav';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import React from 'react';
-import { DefaultDashboardClient } from './index.client.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui';
+import { EntityType, WithServerSideProps, formatAdminURL } from '@payloadcms/ui/shared';
+import React, { Fragment } from 'react';
 const baseClass = 'dashboard';
 export const DefaultDashboard = (props)=>{
-    const { Link, config: { admin: { components: { afterDashboard, beforeDashboard } } }, permissions, visibleEntities } = props;
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(SetStepNav, {
-        nav: []
-    }), /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: []
-    }), /*#__PURE__*/ React.createElement(Gutter, {
-        className: `${baseClass}__wrap`
-    }, Array.isArray(beforeDashboard) && beforeDashboard.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
-            key: i
-        })), /*#__PURE__*/ React.createElement(DefaultDashboardClient, {
-        Link: Link,
-        permissions: permissions,
-        visibleEntities: visibleEntities
-    }), Array.isArray(afterDashboard) && afterDashboard.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
-            key: i
-        }))));
+    const { Link, i18n, i18n: { t }, locale, navGroups, params, payload: { config: { admin: { components: { afterDashboard, beforeDashboard } }, routes: { admin: adminRoute } } }, payload, permissions, searchParams, user } = props;
+    const BeforeDashboards = Array.isArray(beforeDashboard) ? beforeDashboard.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
+            Component: Component,
+            serverOnlyProps: {
+                i18n,
+                locale,
+                params,
+                payload,
+                permissions,
+                searchParams,
+                user
+            }
+        }, i)) : null;
+    const AfterDashboards = Array.isArray(afterDashboard) ? afterDashboard.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
+            Component: Component,
+            serverOnlyProps: {
+                i18n,
+                locale,
+                params,
+                payload,
+                permissions,
+                searchParams,
+                user
+            }
+        }, i)) : null;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(SetStepNav, {
+                nav: []
+            }),
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: []
+            }),
+            /*#__PURE__*/ _jsxs(Gutter, {
+                className: `${baseClass}__wrap`,
+                children: [
+                    Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component)=>Component),
+                    /*#__PURE__*/ _jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(SetViewActions, {
+                                actions: []
+                            }),
+                            !navGroups || navGroups?.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                                children: "no nav groups...."
+                            }) : navGroups.map(({ entities, label }, groupIndex)=>{
+                                return /*#__PURE__*/ _jsxs("div", {
+                                    className: `${baseClass}__group`,
+                                    children: [
+                                        /*#__PURE__*/ _jsx("h2", {
+                                            className: `${baseClass}__label`,
+                                            children: label
+                                        }),
+                                        /*#__PURE__*/ _jsx("ul", {
+                                            className: `${baseClass}__card-list`,
+                                            children: entities.map(({ type, entity }, entityIndex)=>{
+                                                let title;
+                                                let buttonAriaLabel;
+                                                let createHREF;
+                                                let href;
+                                                let hasCreatePermission;
+                                                if (type === EntityType.collection) {
+                                                    title = getTranslation(entity.labels.plural, i18n);
+                                                    buttonAriaLabel = t('general:showAllLabel', {
+                                                        label: title
+                                                    });
+                                                    href = formatAdminURL({
+                                                        adminRoute,
+                                                        path: `/collections/${entity.slug}`
+                                                    });
+                                                    createHREF = formatAdminURL({
+                                                        adminRoute,
+                                                        path: `/collections/${entity.slug}/create`
+                                                    });
+                                                    hasCreatePermission = permissions?.collections?.[entity.slug]?.create?.permission;
+                                                }
+                                                if (type === EntityType.global) {
+                                                    title = getTranslation(entity.label, i18n);
+                                                    buttonAriaLabel = t('general:editLabel', {
+                                                        label: getTranslation(entity.label, i18n)
+                                                    });
+                                                    href = formatAdminURL({
+                                                        adminRoute,
+                                                        path: `/globals/${entity.slug}`
+                                                    });
+                                                }
+                                                return /*#__PURE__*/ _jsx("li", {
+                                                    children: /*#__PURE__*/ _jsx(Card, {
+                                                        Link: Link,
+                                                        actions: hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/ _jsx(Button, {
+                                                            Link: Link,
+                                                            "aria-label": t('general:createNewLabel', {
+                                                                label: getTranslation(entity.labels.singular, i18n)
+                                                            }),
+                                                            buttonStyle: "icon-label",
+                                                            el: "link",
+                                                            icon: "plus",
+                                                            iconStyle: "with-border",
+                                                            round: true,
+                                                            to: createHREF
+                                                        }) : undefined,
+                                                        buttonAriaLabel: buttonAriaLabel,
+                                                        href: href,
+                                                        id: `card-${entity.slug}`,
+                                                        title: title,
+                                                        titleAs: "h3"
+                                                    })
+                                                }, entityIndex);
+                                            })
+                                        })
+                                    ]
+                                }, groupIndex);
+                            })
+                        ]
+                    }),
+                    Array.isArray(AfterDashboards) && AfterDashboards.map((Component)=>Component)
+                ]
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { Permissions } from 'payload/auth'\nimport type { SanitizedConfig, VisibleEntities } from 'payload/types'\n\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { SetStepNav } from '@payloadcms/ui/elements/StepNav'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport React from 'react'\n\nimport { DefaultDashboardClient } from './index.client.js'\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  config: SanitizedConfig\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n}\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    config: {\n      admin: {\n        components: { afterDashboard, beforeDashboard },\n      },\n    },\n    permissions,\n    visibleEntities,\n  } = props\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        {Array.isArray(beforeDashboard) &&\n          beforeDashboard.map((Component, i) => <Component key={i} />)}\n        <DefaultDashboardClient\n          Link={Link}\n          permissions={permissions}\n          visibleEntities={visibleEntities}\n        />\n        {Array.isArray(afterDashboard) &&\n          afterDashboard.map((Component, i) => <Component key={i} />)}\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["Gutter","SetStepNav","SetViewActions","React","DefaultDashboardClient","baseClass","DefaultDashboard","props","Link","config","admin","components","afterDashboard","beforeDashboard","permissions","visibleEntities","div","className","nav","actions","Array","isArray","map","Component","i","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,MAAM,QAAQ,iCAAgC;AACvD,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,cAAc,QAAQ,mCAAkC;AACjE,OAAOC,WAAW,QAAO;AAEzB,SAASC,sBAAsB,QAAQ,oBAAmB;AAG1D,MAAMC,YAAY;AASlB,OAAO,MAAMC,mBAA6C,CAACC;IACzD,MAAM,EACJC,IAAI,EACJC,QAAQ,EACNC,OAAO,EACLC,YAAY,EAAEC,cAAc,EAAEC,eAAe,EAAE,EAChD,EACF,EACDC,WAAW,EACXC,eAAe,EAChB,GAAGR;IAEJ,qBACE,oBAACS;QAAIC,WAAWZ;qBACd,oBAACJ;QAAWiB,KAAK,EAAE;sBACnB,oBAAChB;QAAeiB,SAAS,EAAE;sBAC3B,oBAACnB;QAAOiB,WAAW,CAAC,EAAEZ,UAAU,MAAM,CAAC;OACpCe,MAAMC,OAAO,CAACR,oBACbA,gBAAgBS,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;2BACxD,oBAACpB;QACCI,MAAMA;QACNM,aAAaA;QACbC,iBAAiBA;QAElBK,MAAMC,OAAO,CAACT,mBACbA,eAAeU,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;;AAI/D,EAAC"}
+{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport { EntityType, WithServerSideProps, formatAdminURL } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    i18n,\n    i18n: { t },\n    locale,\n    navGroups,\n    params,\n    payload: {\n      config: {\n        admin: {\n          components: { afterDashboard, beforeDashboard },\n        },\n        routes: { admin: adminRoute },\n      },\n    },\n    payload,\n    permissions,\n    searchParams,\n    user,\n  } = props\n\n  const BeforeDashboards = Array.isArray(beforeDashboard)\n    ? beforeDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  const AfterDashboards = Array.isArray(afterDashboard)\n    ? afterDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        {Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component) => Component)}\n        <Fragment>\n          <SetViewActions actions={[]} />\n          {!navGroups || navGroups?.length === 0 ? (\n            <p>no nav groups....</p>\n          ) : (\n            navGroups.map(({ entities, label }, groupIndex) => {\n              return (\n                <div className={`${baseClass}__group`} key={groupIndex}>\n                  <h2 className={`${baseClass}__label`}>{label}</h2>\n                  <ul className={`${baseClass}__card-list`}>\n                    {entities.map(({ type, entity }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(entity.labels.plural, i18n)\n\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                        href = formatAdminURL({ adminRoute, path: `/collections/${entity.slug}` })\n\n                        createHREF = formatAdminURL({\n                          adminRoute,\n                          path: `/collections/${entity.slug}/create`,\n                        })\n\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n\n                        href = formatAdminURL({\n                          adminRoute,\n                          path: `/globals/${entity.slug}`,\n                        })\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            Link={Link}\n                            actions={\n                              hasCreatePermission && type === EntityType.collection ? (\n                                <Button\n                                  Link={Link}\n                                  aria-label={t('general:createNewLabel', {\n                                    label: getTranslation(entity.labels.singular, i18n),\n                                  })}\n                                  buttonStyle=\"icon-label\"\n                                  el=\"link\"\n                                  icon=\"plus\"\n                                  iconStyle=\"with-border\"\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            title={title}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        {Array.isArray(AfterDashboards) && AfterDashboards.map((Component) => Component)}\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Card","Gutter","SetStepNav","SetViewActions","EntityType","WithServerSideProps","formatAdminURL","React","Fragment","baseClass","DefaultDashboard","props","Link","i18n","t","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","BeforeDashboards","Array","isArray","map","Component","i","serverOnlyProps","AfterDashboards","div","className","nav","actions","length","p","entities","label","groupIndex","h2","ul","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","path","slug","collections","create","permission","global","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","undefined","id","titleAs"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 export { generateDashboardMetadata } from './meta.js';
 export declare const Dashboard: React.FC<AdminViewProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Dashboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAIrD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+B9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Dashboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAIrD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoF9C,CAAA"}

package/dist/views/Dashboard/index.js

@@ -1,27 +1,66 @@
-import { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser';
-import { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HydrateClientUser } from '@payloadcms/ui';
+import { EntityType, RenderCustomComponent, groupNavItems } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
 import React, { Fragment } from 'react';
 import { DefaultDashboard } from './Default/index.js';
 export { generateDashboardMetadata } from './meta.js';
 const Link = LinkImport.default || LinkImport;
-export const Dashboard = ({ initPageResult })=>{
-    const { permissions, req: { payload: { config }, user }, visibleEntities } = initPageResult;
+export const Dashboard = ({ initPageResult, params, searchParams })=>{
+    const { locale, permissions, req: { i18n, payload: { config }, payload, user }, visibleEntities } = initPageResult;
     const CustomDashboardComponent = config.admin.components?.views?.Dashboard;
+    const collections = config.collections.filter((collection)=>permissions?.collections?.[collection.slug]?.read?.permission && visibleEntities.collections.includes(collection.slug));
+    const globals = config.globals.filter((global)=>permissions?.globals?.[global.slug]?.read?.permission && visibleEntities.globals.includes(global.slug));
+    const navGroups = groupNavItems([
+        ...collections.map((collection)=>{
+            const entityToGroup = {
+                type: EntityType.collection,
+                entity: collection
+            };
+            return entityToGroup;
+        }) ?? [],
+        ...globals.map((global)=>{
+            const entityToGroup = {
+                type: EntityType.global,
+                entity: global
+            };
+            return entityToGroup;
+        }) ?? []
+    ], permissions, i18n);
     const viewComponentProps = {
         Link,
-        config,
+        i18n,
+        locale,
+        navGroups,
+        params,
+        payload,
         permissions,
+        searchParams,
+        user,
         visibleEntities
     };
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(HydrateClientUser, {
-        permissions: permissions,
-        user: user
-    }), /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined,
-        DefaultComponent: DefaultDashboard,
-        componentProps: viewComponentProps
-    }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(HydrateClientUser, {
+                permissions: permissions,
+                user: user
+            }),
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined,
+                DefaultComponent: DefaultDashboard,
+                componentProps: viewComponentProps,
+                serverOnlyProps: {
+                    i18n,
+                    locale,
+                    params,
+                    payload,
+                    permissions,
+                    searchParams,
+                    user
+                }
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map