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

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

@@ -1,7 +1,6 @@
 'use client';
-import { RadioGroup } from '@payloadcms/ui/fields/RadioGroup';
-import { useTheme } from '@payloadcms/ui/providers/Theme';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui/client';
 import React, { useCallback } from 'react';
 export const ToggleTheme = ()=>{
     const { autoMode, setTheme, theme } = useTheme();
@@ -11,7 +10,7 @@ export const ToggleTheme = ()=>{
     }, [
         setTheme
     ]);
-    return /*#__PURE__*/ React.createElement(RadioGroup, {
+    return /*#__PURE__*/ _jsx(RadioGroupField, {
         label: t('general:adminTheme'),
         name: "theme",
         onChange: onChange,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroup } from '@payloadcms/ui/fields/RadioGroup'\nimport { useTheme } from '@payloadcms/ui/providers/Theme'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroup\n      label={t('general:adminTheme')}\n      name=\"theme\"\n      onChange={onChange}\n      options={[\n        {\n          label: t('general:automatic'),\n          value: 'auto',\n        },\n        {\n          label: t('general:light'),\n          value: 'light',\n        },\n        {\n          label: t('general:dark'),\n          value: 'dark',\n        },\n      ]}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"names":["RadioGroup","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","label","name","options","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGP;IACtC,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWN,YACf,CAACO;QACCJ,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,qBACE,oBAACP;QACCY,OAAOH,EAAE;QACTI,MAAK;QACLH,UAAUA;QACVI,SAAS;YACP;gBACEF,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;SACD;QACDA,OAAOT,WAAW,SAASE;;AAGjC,EAAC"}
+{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui/client'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      label={t('general:adminTheme')}\n      name=\"theme\"\n      onChange={onChange}\n      options={[\n        {\n          label: t('general:automatic'),\n          value: 'auto',\n        },\n        {\n          label: t('general:light'),\n          value: 'light',\n        },\n        {\n          label: t('general:dark'),\n          value: 'dark',\n        },\n      ]}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"names":["RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","label","name","options","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,wBAAuB;AACjF,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGP;IACtC,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWN,YACf,CAACO;QACCJ,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,qBACE,KAACP;QACCY,OAAOH,EAAE;QACTI,MAAK;QACLH,UAAUA;QACVI,SAAS;YACP;gBACEF,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;SACD;QACDA,OAAOT,WAAW,SAASE;;AAGjC,EAAC"}

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

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

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":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAQnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqE5C,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;AAStE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqG5C,CAAA"}

package/dist/views/Account/index.js

@@ -1,54 +1,88 @@
-import { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader';
-import { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser';
-import { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent';
-import { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo';
-import { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentInfoProvider, FormQueryParamsProvider, HydrateClientUser } from '@payloadcms/ui/client';
+import { RenderCustomComponent } from '@payloadcms/ui/shared';
 import { notFound } from 'next/navigation.js';
 import React from 'react';
+import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
+import { getDocumentData } from '../Document/getDocumentData.js';
+import { getDocumentPermissions } from '../Document/getDocumentPermissions.js';
 import { EditView } from '../Edit/index.js';
 import { Settings } from './Settings/index.js';
 export { generateAccountMetadata } from './meta.js';
-export const Account = ({ initPageResult, params, searchParams })=>{
-    const { locale, permissions, req: { i18n, payload, payload: { config }, user } } = initPageResult;
+export const Account = async ({ initPageResult, params, searchParams })=>{
+    const { languageOptions, locale, permissions, req, req: { i18n, payload, payload: { config }, user } } = initPageResult;
     const { admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug }, routes: { api }, serverURL } = config;
-    const collectionPermissions = permissions?.collections?.[userSlug];
     const collectionConfig = config.collections.find((collection)=>collection.slug === userSlug);
-    if (collectionConfig) {
+    if (collectionConfig && user?.id) {
+        const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({
+            id: user.id,
+            collectionConfig,
+            data: user,
+            req
+        });
+        const { data, formState } = await getDocumentData({
+            id: user.id,
+            collectionConfig,
+            locale,
+            req
+        });
         const viewComponentProps = {
             initPageResult,
             params,
             routeSegments: [],
             searchParams
         };
-        return /*#__PURE__*/ React.createElement(DocumentInfoProvider, {
-            AfterFields: /*#__PURE__*/ React.createElement(Settings, null),
+        return /*#__PURE__*/ _jsxs(DocumentInfoProvider, {
+            AfterFields: /*#__PURE__*/ _jsx(Settings, {
+                i18n: i18n,
+                languageOptions: languageOptions
+            }),
             action: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
             apiURL: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
             collectionSlug: userSlug,
-            docPermissions: collectionPermissions,
-            hasSavePermission: collectionPermissions?.update?.permission,
-            id: user?.id,
-            isEditing: true
-        }, /*#__PURE__*/ React.createElement(DocumentHeader, {
-            collectionConfig: collectionConfig,
-            config: payload.config,
-            hideTabs: true,
-            i18n: i18n
-        }), /*#__PURE__*/ React.createElement(HydrateClientUser, {
-            permissions: permissions,
-            user: user
-        }), /*#__PURE__*/ React.createElement(FormQueryParamsProvider, {
-            initialParams: {
-                depth: 0,
-                'fallback-locale': 'null',
-                locale: locale.code,
-                uploadEdits: undefined
-            }
-        }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-            CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
-            DefaultComponent: EditView,
-            componentProps: viewComponentProps
-        })));
+            docPermissions: docPermissions,
+            hasPublishPermission: hasPublishPermission,
+            hasSavePermission: hasSavePermission,
+            id: user?.id.toString(),
+            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(FormQueryParamsProvider, {
+                    initialParams: {
+                        depth: 0,
+                        'fallback-locale': 'null',
+                        locale: locale?.code,
+                        uploadEdits: undefined
+                    },
+                    children: /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                        CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
+                        DefaultComponent: EditView,
+                        componentProps: viewComponentProps,
+                        serverOnlyProps: {
+                            i18n,
+                            locale,
+                            params,
+                            payload,
+                            permissions,
+                            searchParams,
+                            user
+                        }
+                    })
+                })
+            ]
+        });
     }
     return notFound();
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { ServerSideEditViewProps } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader'\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo'\nimport { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\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> = ({ initPageResult, params, searchParams }) => {\n  const {\n    locale,\n    permissions,\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 collectionPermissions = permissions?.collections?.[userSlug]\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig) {\n    const viewComponentProps: ServerSideEditViewProps = {\n      initPageResult,\n      params,\n      routeSegments: [],\n      searchParams,\n    }\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings />}\n        action={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={collectionPermissions}\n        hasSavePermission={collectionPermissions?.update?.permission}\n        id={user?.id}\n        isEditing\n      >\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          hideTabs\n          i18n={i18n}\n        />\n        <HydrateClientUser permissions={permissions} user={user} />\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale.code,\n            uploadEdits: undefined,\n          }}\n        >\n          <RenderCustomComponent\n            CustomComponent={\n              typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined\n            }\n            DefaultComponent={EditView}\n            componentProps={viewComponentProps}\n          />\n        </FormQueryParamsProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentHeader","HydrateClientUser","RenderCustomComponent","DocumentInfoProvider","FormQueryParamsProvider","notFound","React","EditView","Settings","generateAccountMetadata","Account","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionPermissions","collections","collectionConfig","find","collection","slug","viewComponentProps","routeSegments","AfterFields","action","id","apiURL","collectionSlug","docPermissions","hasSavePermission","update","permission","isEditing","hideTabs","initialParams","depth","code","uploadEdits","undefined","CustomComponent","DefaultComponent","componentProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,cAAc,QAAQ,yCAAwC;AACvE,SAASC,iBAAiB,QAAQ,4CAA2C;AAC7E,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,oBAAoB,QAAQ,wCAAuC;AAC5E,SAASC,uBAAuB,QAAQ,2CAA0C;AAClF,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAE9C,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IACxF,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGT;IAEJ,MAAM,EACJU,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEb,SAASc,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,wBAAwBd,aAAae,aAAa,CAACL,SAAS;IAElE,MAAMM,mBAAmBZ,OAAOW,WAAW,CAACE,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKT;IAErF,IAAIM,kBAAkB;QACpB,MAAMI,qBAA8C;YAClDxB;YACAC;YACAwB,eAAe,EAAE;YACjBvB;QACF;QAEA,qBACE,oBAACV;YACCkC,2BAAa,oBAAC7B;YACd8B,QAAQ,CAAC,EAAEV,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMmB,KAAK,CAAC,CAAC,EAAEnB,KAAKmB,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEC,QAAQ,CAAC,EAAEZ,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMmB,KAAK,CAAC,CAAC,EAAEnB,KAAKmB,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEE,gBAAgBhB;YAChBiB,gBAAgBb;YAChBc,mBAAmBd,uBAAuBe,QAAQC;YAClDN,IAAInB,MAAMmB;YACVO,WAAAA;yBAEA,oBAAC9C;YACC+B,kBAAkBA;YAClBZ,QAAQD,QAAQC,MAAM;YACtB4B,UAAAA;YACA9B,MAAMA;0BAER,oBAAChB;YAAkBc,aAAaA;YAAaK,MAAMA;0BACnD,oBAAChB;YACC4C,eAAe;gBACbC,OAAO;gBACP,mBAAmB;gBACnBnC,QAAQA,OAAOoC,IAAI;gBACnBC,aAAaC;YACf;yBAEA,oBAAClD;YACCmD,iBACE,OAAO7B,2BAA2B,aAAaA,yBAAyB4B;YAE1EE,kBAAkB/C;YAClBgD,gBAAgBpB;;IAK1B;IAEA,OAAO9B;AACT,EAAC"}
+{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps, ServerSideEditViewProps } from 'payload'\n\nimport {\n  DocumentInfoProvider,\n  FormQueryParamsProvider,\n  HydrateClientUser,\n} from '@payloadcms/ui/client'\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        action={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\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        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale?.code,\n            uploadEdits: undefined,\n          }}\n        >\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        </FormQueryParamsProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentInfoProvider","FormQueryParamsProvider","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","action","apiURL","collectionSlug","toString","initialData","initialState","isEditing","hideTabs","initialParams","depth","code","uploadEdits","undefined","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAEA,SACEA,oBAAoB,EACpBC,uBAAuB,EACvBC,iBAAiB,QACZ,wBAAuB;AAC9B,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,MAACf;YACC6C,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,QAAQ,CAAC,EAAEhB,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMc,KAAK,CAAC,CAAC,EAAEd,KAAKc,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEW,gBAAgBpB;YAChBU,gBAAgBA;YAChBC,sBAAsBA;YACtBC,mBAAmBA;YACnBH,IAAId,MAAMc,GAAGY;YACbC,aAAaT;YACbU,cAAcT;YACdU,SAAS;;8BAET,KAAC9C;oBACC0B,kBAAkBA;oBAClBV,QAAQD,QAAQC,MAAM;oBACtB+B,QAAQ;oBACRjC,MAAMA;oBACNF,aAAaA;;8BAEf,KAAChB;oBAAkBgB,aAAaA;oBAAaK,MAAMA;;8BACnD,KAACtB;oBACCqD,eAAe;wBACbC,OAAO;wBACP,mBAAmB;wBACnBtC,QAAQA,QAAQuC;wBAChBC,aAAaC;oBACf;8BAEA,cAAA,KAACvD;wBACCwD,iBACE,OAAOhC,2BAA2B,aAAaA,yBAAyB+B;wBAE1EE,kBAAkBnD;wBAClBoD,gBAAgBlB;wBAChBmB,iBAAiB;4BACf1C;4BACAH;4BACAH;4BACAO;4BACAH;4BACAH;4BACAQ;wBACF;;;;;IAKV;IAEA,OAAOnB;AACT,EAAC"}

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

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

package/dist/views/Account/meta.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateAccountMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) => {\n  return meta({\n    config,\n    description: `${t('authentication:accountOfCurrentUser')}`,\n    keywords: `${t('authentication:account')}`,\n    title: t('authentication:account'),\n  })\n}\n"],"names":["meta","generateAccountMetadata","config","i18n","t","description","keywords","title"],"rangeMappings":";;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,0BAAgD,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE;IACzF,OAAOJ,KAAK;QACVE;QACAG,aAAa,CAAC,EAAED,EAAE,uCAAuC,CAAC;QAC1DE,UAAU,CAAC,EAAEF,EAAE,0BAA0B,CAAC;QAC1CG,OAAOH,EAAE;IACX;AACF,EAAC"}
+{"version":3,"sources":["../../../src/views/Account/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateAccountMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('authentication:accountOfCurrentUser')}`,\n    keywords: `${t('authentication:account')}`,\n    serverURL: config.serverURL,\n    title: t('authentication:account'),\n    ...(config.admin.meta || {}),\n  })\n"],"names":["meta","generateAccountMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"rangeMappings":";;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,0BAAgD,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE,GACzFJ,KAAK;QACHK,aAAa,CAAC,EAAED,EAAE,uCAAuC,CAAC;QAC1DE,UAAU,CAAC,EAAEF,EAAE,0BAA0B,CAAC;QAC1CG,WAAWL,OAAOK,SAAS;QAC3BC,OAAOJ,EAAE;QACT,GAAIF,OAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;IAC7B,GAAE"}

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

@@ -1,7 +1,7 @@
-import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
+import type { FormState } from 'payload';
 import React from 'react';
-export declare const CreateFirstUserFields: React.FC<{
-    createFirstUserFieldMap: FieldMap;
+export declare const CreateFirstUserClient: React.FC<{
+    initialState: FormState;
     userSlug: string;
 }>;
 //# sourceMappingURL=index.client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAI1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,uBAAuB,EAAE,QAAQ,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAcA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAexC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,YAAY,EAAE,SAAS,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAuDA,CAAA"}

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

@@ -1,21 +1,65 @@
 '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, EmailField, Form, FormSubmit, PasswordField, RenderFields, useComponentMap, useConfig, useTranslation } from '@payloadcms/ui/client';
+import { getFormState } from '@payloadcms/ui/shared';
 import React from 'react';
-export const CreateFirstUserFields = ({ createFirstUserFieldMap, userSlug })=>{
+export const CreateFirstUserClient = ({ initialState, 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: [
+            /*#__PURE__*/ _jsx(EmailField, {
+                autoComplete: "email",
+                label: t('general:email'),
+                name: "email",
+                required: true
+            }),
+            /*#__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  EmailField,\n  Form,\n  type FormProps,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useComponentMap,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui/client'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  userSlug: string\n}> = ({ initialState, 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      <EmailField autoComplete=\"email\" label={t('general:email')} name=\"email\" required />\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","EmailField","Form","FormSubmit","PasswordField","RenderFields","useComponentMap","useConfig","useTranslation","getFormState","React","CreateFirstUserClient","initialState","userSlug","getFieldMap","routes","admin","api","apiRoute","serverURL","t","fieldMap","collectionSlug","onChange","useCallback","formState","prevFormState","body","operation","schemaPath","action","method","redirect","validationOperation","autoComplete","label","name","required","path","readOnly"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SACEA,oBAAoB,EACpBC,UAAU,EACVC,IAAI,EAEJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,eAAe,EACfC,SAAS,EACTC,cAAc,QACT,wBAAuB;AAC9B,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,wBAGR,CAAC,EAAEC,YAAY,EAAEC,QAAQ,EAAE;IAC9B,MAAM,EAAEC,WAAW,EAAE,GAAGR;IAExB,MAAM,EACJS,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EAChCC,SAAS,EACV,GAAGZ;IAEJ,MAAM,EAAEa,CAAC,EAAE,GAAGZ;IAEd,MAAMa,WAAWP,YAAY;QAAEQ,gBAAgBT;IAAS;IAExD,MAAMU,WAAqCb,MAAMc,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAE;QACjC,OAAOjB,aAAa;YAClBS;YACAS,MAAM;gBACJL,gBAAgBT;gBAChBY,WAAWC;gBACXE,WAAW;gBACXC,YAAYhB;YACd;YACAM;QACF;IACF,GACA;QAACD;QAAUL;QAAUM;KAAU;IAGjC,qBACE,MAACjB;QACC4B,QAAQ,CAAC,EAAEX,UAAU,EAAED,SAAS,CAAC,EAAEL,SAAS,eAAe,CAAC;QAC5DD,cAAcA;QACdmB,QAAO;QACPR,UAAU;YAACA;SAAS;QACpBS,UAAUhB;QACViB,qBAAoB;;0BAEpB,KAAChC;gBAAWiC,cAAa;gBAAQC,OAAOf,EAAE;gBAAkBgB,MAAK;gBAAQC,QAAQ;;0BACjF,KAACjC;gBACC8B,cAAa;gBACbC,OAAOf,EAAE;gBACTgB,MAAK;gBACLC,QAAQ;;0BAEV,KAACrC;0BACD,KAACK;gBACCgB,UAAUA;gBACVO,WAAU;gBACVU,MAAK;gBACLC,UAAU;gBACVV,YAAYhB;;0BAEd,KAACV;0BAAYiB,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;AAGzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+CxD,CAAA"}

package/dist/views/CreateFirstUser/index.js

@@ -1,13 +1,10 @@
-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 } } } } } = initPageResult;
     const fields = [
         {
             name: 'email',
@@ -28,36 +25,29 @@ 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,
+                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 { 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      },\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 formState = await buildStateFromSchema({\n    fieldSchema: fields,\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 initialState={formState} userSlug={userSlug} />\n    </div>\n  )\n}\n"],"names":["buildStateFromSchema","React","CreateFirstUserClient","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","req","payload","config","admin","user","userSlug","fields","name","type","label","t","required","formState","fieldSchema","operation","preferences","div","className","h1","p","initialState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAEA,SAASA,oBAAoB,QAAQ,4CAA2C;AAChF,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,SAAS,EACPC,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EAC1B,EACF,EACF,EACF,GAAGN;IAEJ,MAAMO,SAAkB;QACtB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;KACD;IAED,MAAMC,YAAY,MAAMlB,qBAAqB;QAC3CmB,aAAaP;QACbQ,WAAW;QACXC,aAAa;YAAET,QAAQ,CAAC;QAAE;QAC1BN;IACF;IAEA,qBACE,MAACgB;QAAIC,WAAU;;0BACb,KAACC;0BAAIlB,IAAIU,CAAC,CAAC;;0BACX,KAACS;0BAAGnB,IAAIU,CAAC,CAAC;;0BACV,KAACd;gBAAsBwB,cAAcR;gBAAWP,UAAUA;;;;AAGhE,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"],"rangeMappings":";;;;;;;","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,10 +1,10 @@
-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 = {
+export type DashboardProps = ServerProps & {
     Link: React.ComponentType<any>;
-    config: SanitizedConfig;
+    navGroups?: ReturnType<typeof groupNavItems>;
     permissions: Permissions;
     visibleEntities: VisibleEntities;
 };

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,WAAW,GAAG;IACzC,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,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyIrD,CAAA"}