@payloadcms/next 3.0.0-canary.294ea5c → 3.0.0-canary.2d0dd26

package/dist/views/Account/Settings/index.scss

@@ -1,46 +1,48 @@
 @import '../../../scss/styles.scss';
 
-.payload-settings {
-  position: relative;
-  margin-bottom: calc(var(--base) * 2);
+@layer payload-default {
+  .payload-settings {
+    position: relative;
+    margin-bottom: calc(var(--base) * 2);
 
-  h3 {
-    margin: 0;
-  }
+    h3 {
+      margin: 0;
+    }
 
-  &::before,
-  &::after {
-    content: '';
-    display: block;
-    height: 1px;
-    background: var(--theme-elevation-100);
-    width: calc(100% + calc(var(--base) * 5));
-    left: calc(var(--gutter-h) * -1);
-    top: 0;
-    position: absolute;
-  }
+    &::before,
+    &::after {
+      content: '';
+      display: block;
+      height: 1px;
+      background: var(--theme-elevation-100);
+      width: calc(100% + calc(var(--base) * 5));
+      left: calc(var(--gutter-h) * -1);
+      top: 0;
+      position: absolute;
+    }
 
-  &::after {
-    display: none;
-    bottom: 0;
-    top: unset;
-  }
+    &::after {
+      display: none;
+      bottom: 0;
+      top: unset;
+    }
 
-  margin-top: calc(var(--base) * 3);
-  padding-top: calc(var(--base) * 3);
-  padding-bottom: calc(var(--base) * 3);
-  display: flex;
-  flex-direction: column;
-  gap: var(--base);
+    margin-top: calc(var(--base) * 3);
+    padding-top: calc(var(--base) * 3);
+    padding-bottom: calc(var(--base) * 3);
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
 
-  @include mid-break {
-    margin-bottom: var(--base);
-    padding-top: calc(var(--base) * 2);
-    margin-top: calc(var(--base) * 2);
-    padding-bottom: calc(var(--base) * 2);
+    @include mid-break {
+      margin-bottom: var(--base);
+      padding-top: calc(var(--base) * 2);
+      margin-top: calc(var(--base) * 2);
+      padding-bottom: calc(var(--base) * 2);
 
-    &::after {
-      display: block;
+      &::after {
+        display: block;
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAmC/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAqC/B,CAAA"}

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

@@ -28,6 +28,7 @@ export const ToggleTheme = () => {
   let t1;
   if ($[2] !== t || $[3] !== autoMode || $[4] !== theme || $[5] !== onChange) {
     t1 = _jsx(RadioGroupField, {
+      disableModifyingForm: true,
       field: {
         name: "theme",
         label: t("general:adminTheme"),
@@ -43,6 +44,7 @@ export const ToggleTheme = () => {
         }]
       },
       onChange,
+      path: "theme",
       value: autoMode ? "auto" : theme
     });
     $[2] = t;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","field","name","label","options","value"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\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      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\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      }}\n      onChange={onChange}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAO,QAAA;IAIVC,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,KAAA;QAAAC,IAAA,EAEU;QAAAC,KAAA,EACCR,CAAA,CAAE;QAAAS,OAAA;UAAAD,KAAA,EAGER,CAAA,CAAE;UAAAU,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAR,CAAA,CAAE;UAAAU,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAR,CAAA,CAAE;UAAAU,KAAA,EACF;QAAA;MAAA;MAAAP,QAAA;MAAAO,KAAA,EAKNb,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SApB7BK,E;CAuBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","disableModifyingForm","field","name","label","options","value","path"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\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      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\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      }}\n      onChange={onChange}\n      path=\"theme\"\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAO,QAAA;IAIVC,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,oBAAA;MAAAC,KAAA;QAAAC,IAAA,EAGU;QAAAC,KAAA,EACCT,CAAA,CAAE;QAAAU,OAAA;UAAAD,KAAA,EAGET,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;MAAA;MAAAR,QAAA;MAAAS,IAAA,EAKR;MAAAD,KAAA,EACEd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SAtB7BK,E;CAyBJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+F5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAM7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8I5C,CAAA"}

package/dist/views/Account/index.js

@@ -1,14 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider, RenderComponent } from '@payloadcms/ui';
-import { getCreateMappedComponent } from '@payloadcms/ui/shared';
+import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { buildFormState } from '@payloadcms/ui/utilities/buildFormState';
 import { notFound } from 'next/navigation.js';
 import React from 'react';
 import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
+import { getDocPreferences } from '../Document/getDocPreferences.js';
 import { getDocumentData } from '../Document/getDocumentData.js';
 import { getDocumentPermissions } from '../Document/getDocumentPermissions.js';
+import { getIsLocked } from '../Document/getIsLocked.js';
+import { getVersions } from '../Document/getVersions.js';
 import { EditView } from '../Edit/index.js';
-import { Settings } from './Settings/index.js';
 import { AccountClient } from './index.client.js';
+import { Settings } from './Settings/index.js';
 export { generateAccountMetadata } from './meta.js';
 export const Account = async ({
   initPageResult,
@@ -31,11 +35,7 @@ export const Account = async ({
   } = initPageResult;
   const {
     admin: {
-      components: {
-        views: {
-          Account: CustomAccountComponent
-        } = {}
-      } = {},
+      theme,
       user: userSlug
     },
     routes: {
@@ -45,6 +45,25 @@ export const Account = async ({
   } = config;
   const collectionConfig = config.collections.find(collection => collection.slug === userSlug);
   if (collectionConfig && user?.id) {
+    // Fetch the data required for the view
+    const data = await getDocumentData({
+      id: user.id,
+      collectionSlug: collectionConfig.slug,
+      locale,
+      payload,
+      user
+    });
+    if (!data) {
+      throw new Error('not-found');
+    }
+    // Get document preferences
+    const docPreferences = await getDocPreferences({
+      id: user.id,
+      collectionSlug: collectionConfig.slug,
+      payload,
+      user
+    });
+    // Get permissions
     const {
       docPermissions,
       hasPublishPermission,
@@ -52,49 +71,72 @@ export const Account = async ({
     } = await getDocumentPermissions({
       id: user.id,
       collectionConfig,
-      data: user,
+      data,
       req
     });
+    // Build initial form state from data
     const {
+      state: formState
+    } = await buildFormState({
+      id: user.id,
+      collectionSlug: collectionConfig.slug,
       data,
-      formState
-    } = await getDocumentData({
+      docPermissions,
+      docPreferences,
+      locale: locale?.code,
+      operation: 'update',
+      renderAllFields: true,
+      req,
+      schemaPath: collectionConfig.slug
+    });
+    // Fetch document lock state
+    const {
+      currentEditor,
+      isLocked,
+      lastUpdateTime
+    } = await getIsLocked({
       id: user.id,
       collectionConfig,
-      locale,
+      isEditing: true,
       req
     });
-    const createMappedComponent = getCreateMappedComponent({
-      importMap: payload.importMap,
-      serverProps: {
-        i18n,
-        initPageResult,
-        locale,
-        params,
-        payload,
-        permissions,
-        routeSegments: [],
-        searchParams,
-        user
-      }
+    // Get all versions required for UI
+    const {
+      hasPublishedDoc,
+      mostRecentVersionIsAutosaved,
+      unpublishedVersionCount,
+      versionCount
+    } = await getVersions({
+      id: user.id,
+      collectionConfig,
+      docPermissions,
+      locale: locale?.code,
+      payload,
+      user
     });
-    const mappedAccountComponent = createMappedComponent(CustomAccountComponent?.Component, undefined, EditView, 'CustomAccountComponent.Component');
     return /*#__PURE__*/_jsx(DocumentInfoProvider, {
       AfterFields: /*#__PURE__*/_jsx(Settings, {
         i18n: i18n,
-        languageOptions: languageOptions
+        languageOptions: languageOptions,
+        theme: theme
       }),
       apiURL: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
       collectionSlug: userSlug,
+      currentEditor: currentEditor,
       docPermissions: docPermissions,
+      hasPublishedDoc: hasPublishedDoc,
       hasPublishPermission: hasPublishPermission,
       hasSavePermission: hasSavePermission,
-      id: user?.id.toString(),
+      id: user?.id,
       initialData: data,
       initialState: formState,
       isEditing: true,
+      isLocked: isLocked,
+      lastUpdateTime: lastUpdateTime,
+      mostRecentVersionIsAutosaved: mostRecentVersionIsAutosaved,
+      unpublishedVersionCount: unpublishedVersionCount,
+      versionCount: versionCount,
       children: /*#__PURE__*/_jsxs(EditDepthProvider, {
-        depth: 1,
         children: [/*#__PURE__*/_jsx(DocumentHeader, {
           collectionConfig: collectionConfig,
           hideTabs: true,
@@ -103,8 +145,21 @@ export const Account = async ({
           permissions: permissions
         }), /*#__PURE__*/_jsx(HydrateAuthProvider, {
           permissions: permissions
-        }), /*#__PURE__*/_jsx(RenderComponent, {
-          mappedComponent: mappedAccountComponent
+        }), /*#__PURE__*/_jsx(RenderServerComponent, {
+          Component: config.admin?.components?.views?.account?.Component,
+          Fallback: EditView,
+          importMap: payload.importMap,
+          serverProps: {
+            i18n,
+            initPageResult,
+            locale,
+            params,
+            payload,
+            permissions,
+            routeSegments: [],
+            searchParams,
+            user
+          }
         }), /*#__PURE__*/_jsx(AccountClient, {})]
       })
     });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderComponent","getCreateMappedComponent","notFound","React","DocumentHeader","getDocumentData","getDocumentPermissions","EditView","Settings","AccountClient","generateAccountMetadata","Account","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionConfig","collections","find","collection","slug","id","docPermissions","hasPublishPermission","hasSavePermission","data","formState","createMappedComponent","importMap","serverProps","routeSegments","mappedAccountComponent","Component","undefined","_jsx","AfterFields","apiURL","collectionSlug","toString","initialData","initialState","isEditing","_jsxs","depth","hideTabs","mappedComponent"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider, RenderComponent } from '@payloadcms/ui'\nimport { getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.js'\nimport { AccountClient } from './index.client.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug },\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig && user?.id) {\n    const { docPermissions, hasPublishPermission, hasSavePermission } =\n      await getDocumentPermissions({\n        id: user.id,\n        collectionConfig,\n        data: user,\n        req,\n      })\n\n    const { data, formState } = await getDocumentData({\n      id: user.id,\n      collectionConfig,\n      locale,\n      req,\n    })\n\n    const createMappedComponent = getCreateMappedComponent({\n      importMap: payload.importMap,\n      serverProps: {\n        i18n,\n        initPageResult,\n        locale,\n        params,\n        payload,\n        permissions,\n        routeSegments: [],\n        searchParams,\n        user,\n      },\n    })\n\n    const mappedAccountComponent = createMappedComponent(\n      CustomAccountComponent?.Component,\n      undefined,\n      EditView,\n      'CustomAccountComponent.Component',\n    )\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} />}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={docPermissions}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        id={user?.id.toString()}\n        initialData={data}\n        initialState={formState}\n        isEditing\n      >\n        <EditDepthProvider depth={1}>\n\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          hideTabs\n          i18n={i18n}\n          payload={payload}\n          permissions={permissions}\n        />\n        <HydrateAuthProvider permissions={permissions} />\n        <RenderComponent mappedComponent={mappedAccountComponent} />\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderServerComponent","buildFormState","notFound","React","DocumentHeader","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","EditView","AccountClient","Settings","generateAccountMetadata","Account","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","theme","userSlug","routes","api","serverURL","collectionConfig","collections","find","collection","slug","id","data","collectionSlug","Error","docPreferences","docPermissions","hasPublishPermission","hasSavePermission","state","formState","code","operation","renderAllFields","schemaPath","currentEditor","isLocked","lastUpdateTime","isEditing","hasPublishedDoc","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsx","AfterFields","apiURL","initialData","initialState","_jsxs","hideTabs","Component","components","views","account","Fallback","importMap","serverProps","routeSegments"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocPreferences } from '../Document/getDocPreferences.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { getIsLocked } from '../Document/getIsLocked.js'\nimport { getVersions } from '../Document/getVersions.js'\nimport { EditView } from '../Edit/index.js'\nimport { AccountClient } from './index.client.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: { theme, 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    // Fetch the data required for the view\n    const data = await getDocumentData({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      locale,\n      payload,\n      user,\n    })\n\n    if (!data) {\n      throw new Error('not-found')\n    }\n\n    // Get document preferences\n    const docPreferences = await getDocPreferences({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      payload,\n      user,\n    })\n\n    // Get permissions\n    const { docPermissions, hasPublishPermission, hasSavePermission } =\n      await getDocumentPermissions({\n        id: user.id,\n        collectionConfig,\n        data,\n        req,\n      })\n\n    // Build initial form state from data\n    const { state: formState } = await buildFormState({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      data,\n      docPermissions,\n      docPreferences,\n      locale: locale?.code,\n      operation: 'update',\n      renderAllFields: true,\n      req,\n      schemaPath: collectionConfig.slug,\n    })\n\n    // Fetch document lock state\n    const { currentEditor, isLocked, lastUpdateTime } = await getIsLocked({\n      id: user.id,\n      collectionConfig,\n      isEditing: true,\n      req,\n    })\n\n    // Get all versions required for UI\n    const { hasPublishedDoc, mostRecentVersionIsAutosaved, unpublishedVersionCount, versionCount } =\n      await getVersions({\n        id: user.id,\n        collectionConfig,\n        docPermissions,\n        locale: locale?.code,\n        payload,\n        user,\n      })\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} theme={theme} />}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        currentEditor={currentEditor}\n        docPermissions={docPermissions}\n        hasPublishedDoc={hasPublishedDoc}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        id={user?.id}\n        initialData={data}\n        initialState={formState}\n        isEditing\n        isLocked={isLocked}\n        lastUpdateTime={lastUpdateTime}\n        mostRecentVersionIsAutosaved={mostRecentVersionIsAutosaved}\n        unpublishedVersionCount={unpublishedVersionCount}\n        versionCount={versionCount}\n      >\n        <EditDepthProvider>\n          <DocumentHeader\n            collectionConfig={collectionConfig}\n            hideTabs\n            i18n={i18n}\n            payload={payload}\n            permissions={permissions}\n          />\n          <HydrateAuthProvider permissions={permissions} />\n          <RenderServerComponent\n            Component={config.admin?.components?.views?.account?.Component}\n            Fallback={EditView}\n            importMap={payload.importMap}\n            serverProps={{\n              i18n,\n              initPageResult,\n              locale,\n              params,\n              payload,\n              permissions,\n              routeSegments: [],\n              searchParams,\n              user,\n            }}\n          />\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"mappings":";AAEA,SAASA,oBAAoB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ;AAC7E,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AAEzB,SAASC,uBAAuB,QAAQ;AAExC,OAAO,MAAMC,OAAA,GAAoC,MAAAA,CAAO;EACtDC,cAAc;EACdC,MAAM;EACNC;AAAY,CACb;EACC,MAAM;IACJC,eAAe;IACfC,MAAM;IACNC,WAAW;IACXC,GAAG;IACHA,GAAA,EAAK;MACHC,IAAI;MACJC,OAAO;MACPA,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBC;IAAI;EACL,CACF,GAAGV,cAAA;EAEJ,MAAM;IACJW,KAAA,EAAO;MAAEC,KAAK;MAAEF,IAAA,EAAMG;IAAQ,CAAE;IAChCC,MAAA,EAAQ;MAAEC;IAAG,CAAE;IACfC;EAAS,CACV,GAAGP,MAAA;EAEJ,MAAMQ,gBAAA,GAAmBR,MAAA,CAAOS,WAAW,CAACC,IAAI,CAAEC,UAAA,IAAeA,UAAA,CAAWC,IAAI,KAAKR,QAAA;EAErF,IAAII,gBAAA,IAAoBP,IAAA,EAAMY,EAAA,EAAI;IAChC;IACA,MAAMC,IAAA,GAAO,MAAMhC,eAAA,CAAgB;MACjC+B,EAAA,EAAIZ,IAAA,CAAKY,EAAE;MACXE,cAAA,EAAgBP,gBAAA,CAAiBI,IAAI;MACrCjB,MAAA;MACAI,OAAA;MACAE;IACF;IAEA,IAAI,CAACa,IAAA,EAAM;MACT,MAAM,IAAIE,KAAA,CAAM;IAClB;IAEA;IACA,MAAMC,cAAA,GAAiB,MAAMpC,iBAAA,CAAkB;MAC7CgC,EAAA,EAAIZ,IAAA,CAAKY,EAAE;MACXE,cAAA,EAAgBP,gBAAA,CAAiBI,IAAI;MACrCb,OAAA;MACAE;IACF;IAEA;IACA,MAAM;MAAEiB,cAAc;MAAEC,oBAAoB;MAAEC;IAAiB,CAAE,GAC/D,MAAMrC,sBAAA,CAAuB;MAC3B8B,EAAA,EAAIZ,IAAA,CAAKY,EAAE;MACXL,gBAAA;MACAM,IAAA;MACAjB;IACF;IAEF;IACA,MAAM;MAAEwB,KAAA,EAAOC;IAAS,CAAE,GAAG,MAAM7C,cAAA,CAAe;MAChDoC,EAAA,EAAIZ,IAAA,CAAKY,EAAE;MACXE,cAAA,EAAgBP,gBAAA,CAAiBI,IAAI;MACrCE,IAAA;MACAI,cAAA;MACAD,cAAA;MACAtB,MAAA,EAAQA,MAAA,EAAQ4B,IAAA;MAChBC,SAAA,EAAW;MACXC,eAAA,EAAiB;MACjB5B,GAAA;MACA6B,UAAA,EAAYlB,gBAAA,CAAiBI;IAC/B;IAEA;IACA,MAAM;MAAEe,aAAa;MAAEC,QAAQ;MAAEC;IAAc,CAAE,GAAG,MAAM7C,WAAA,CAAY;MACpE6B,EAAA,EAAIZ,IAAA,CAAKY,EAAE;MACXL,gBAAA;MACAsB,SAAA,EAAW;MACXjC;IACF;IAEA;IACA,MAAM;MAAEkC,eAAe;MAAEC,4BAA4B;MAAEC,uBAAuB;MAAEC;IAAY,CAAE,GAC5F,MAAMjD,WAAA,CAAY;MAChB4B,EAAA,EAAIZ,IAAA,CAAKY,EAAE;MACXL,gBAAA;MACAU,cAAA;MACAvB,MAAA,EAAQA,MAAA,EAAQ4B,IAAA;MAChBxB,OAAA;MACAE;IACF;IAEF,oBACEkC,IAAA,CAAC9D,oBAAA;MACC+D,WAAA,eAAaD,IAAA,CAAC/C,QAAA;QAASU,IAAA,EAAMA,IAAA;QAAMJ,eAAA,EAAiBA,eAAA;QAAiBS,KAAA,EAAOA;;MAC5EkC,MAAA,EAAQ,GAAG9B,SAAA,GAAYD,GAAA,IAAOF,QAAA,GAAWH,IAAA,EAAMY,EAAA,GAAK,IAAIZ,IAAA,CAAKY,EAAE,EAAE,GAAG,IAAI;MACxEE,cAAA,EAAgBX,QAAA;MAChBuB,aAAA,EAAeA,aAAA;MACfT,cAAA,EAAgBA,cAAA;MAChBa,eAAA,EAAiBA,eAAA;MACjBZ,oBAAA,EAAsBA,oBAAA;MACtBC,iBAAA,EAAmBA,iBAAA;MACnBP,EAAA,EAAIZ,IAAA,EAAMY,EAAA;MACVyB,WAAA,EAAaxB,IAAA;MACbyB,YAAA,EAAcjB,SAAA;MACdQ,SAAS;MACTF,QAAA,EAAUA,QAAA;MACVC,cAAA,EAAgBA,cAAA;MAChBG,4BAAA,EAA8BA,4BAAA;MAC9BC,uBAAA,EAAyBA,uBAAA;MACzBC,YAAA,EAAcA,YAAA;gBAEd,aAAAM,KAAA,CAAClE,iBAAA;gCACC6D,IAAA,CAACvD,cAAA;UACC4B,gBAAA,EAAkBA,gBAAA;UAClBiC,QAAQ;UACR3C,IAAA,EAAMA,IAAA;UACNC,OAAA,EAASA,OAAA;UACTH,WAAA,EAAaA;yBAEfuC,IAAA,CAAC5D,mBAAA;UAAoBqB,WAAA,EAAaA;yBAClCuC,IAAA,CAAC3D,qBAAA;UACCkE,SAAA,EAAW1C,MAAA,CAAOE,KAAK,EAAEyC,UAAA,EAAYC,KAAA,EAAOC,OAAA,EAASH,SAAA;UACrDI,QAAA,EAAU5D,QAAA;UACV6D,SAAA,EAAWhD,OAAA,CAAQgD,SAAS;UAC5BC,WAAA,EAAa;YACXlD,IAAA;YACAP,cAAA;YACAI,MAAA;YACAH,MAAA;YACAO,OAAA;YACAH,WAAA;YACAqD,aAAA,EAAe,EAAE;YACjBxD,YAAA;YACAQ;UACF;yBAEFkC,IAAA,CAAChD,aAAA;;;EAIT;EAEA,OAAOT,QAAA;AACT","ignoreList":[]}

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

@@ -1,8 +1,10 @@
-import type { FormState, LoginWithUsernameOptions } from 'payload';
+import type { DocumentPreferences, FormState, LoginWithUsernameOptions, SanitizedDocumentPermissions } from 'payload';
 import React from 'react';
 export declare const CreateFirstUserClient: React.FC<{
+    docPermissions: SanitizedDocumentPermissions;
+    docPreferences: DocumentPreferences;
     initialState: FormState;
-    loginWithUsername?: LoginWithUsernameOptions | false;
+    loginWithUsername?: false | LoginWithUsernameOptions;
     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,EAA0B,SAAS,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAa1F,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CA+DA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,mBAAmB,EACnB,SAAS,EACT,wBAAwB,EACxB,4BAA4B,EAC7B,MAAM,SAAS,CAAA;AAehB,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,cAAc,EAAE,4BAA4B,CAAA;IAC5C,cAAc,EAAE,mBAAmB,CAAA;IACnC,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CA2FA,CAAA"}

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

@@ -1,106 +1,100 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ConfirmPasswordField, Form, FormSubmit, PasswordField, RenderFields, useConfig, useTranslation } from '@payloadcms/ui';
-import { getFormState } from '@payloadcms/ui/shared';
-import React from 'react';
-import { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js';
-export const CreateFirstUserClient = t0 => {
-  const $ = _c(13);
+import { ConfirmPasswordField, EmailAndUsernameFields, Form, FormSubmit, PasswordField, RenderFields, useAuth, useConfig, useServerFunctions, useTranslation } from '@payloadcms/ui';
+import { abortAndIgnore } from '@payloadcms/ui/shared';
+import React, { useEffect } from 'react';
+export const CreateFirstUserClient = ({
+  docPermissions,
+  docPreferences,
+  initialState,
+  loginWithUsername,
+  userSlug
+}) => {
   const {
-    initialState,
-    loginWithUsername,
-    userSlug
-  } = t0;
-  const {
-    config: t1,
+    config: {
+      routes: {
+        admin,
+        api: apiRoute
+      },
+      serverURL
+    },
     getEntityConfig
   } = useConfig();
   const {
-    routes: t2,
-    serverURL
-  } = t1;
-  const {
-    admin,
-    api: apiRoute
-  } = t2;
+    getFormState
+  } = useServerFunctions();
   const {
     t
   } = useTranslation();
-  let t3;
-  if ($[0] !== userSlug || $[1] !== getEntityConfig || $[2] !== apiRoute || $[3] !== serverURL || $[4] !== loginWithUsername || $[5] !== t || $[6] !== initialState || $[7] !== admin) {
-    const collectionConfig = getEntityConfig({
-      collectionSlug: userSlug
+  const {
+    setUser
+  } = useAuth();
+  const formStateAbortControllerRef = React.useRef(null);
+  const collectionConfig = getEntityConfig({
+    collectionSlug: userSlug
+  });
+  const onChange = React.useCallback(async ({
+    formState: prevFormState
+  }) => {
+    abortAndIgnore(formStateAbortControllerRef.current);
+    const controller = new AbortController();
+    formStateAbortControllerRef.current = controller;
+    const response = await getFormState({
+      collectionSlug: userSlug,
+      docPermissions,
+      docPreferences,
+      formState: prevFormState,
+      operation: 'create',
+      schemaPath: `_${userSlug}.auth`,
+      signal: controller.signal
     });
-    let t4;
-    if ($[9] !== apiRoute || $[10] !== userSlug || $[11] !== serverURL) {
-      t4 = async t5 => {
-        const {
-          formState: prevFormState
-        } = t5;
-        return getFormState({
-          apiRoute,
-          body: {
-            collectionSlug: userSlug,
-            formState: prevFormState,
-            operation: "create",
-            schemaPath: `_${userSlug}.auth`
-          },
-          serverURL
-        });
-      };
-      $[9] = apiRoute;
-      $[10] = userSlug;
-      $[11] = serverURL;
-      $[12] = t4;
-    } else {
-      t4 = $[12];
+    if (response && response.state) {
+      return response.state;
     }
-    const onChange = t4;
-    t3 = _jsxs(Form, {
-      action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
-      initialState,
-      method: "POST",
-      onChange: [onChange],
-      redirect: admin,
-      validationOperation: "create",
-      children: [_jsx(RenderEmailAndUsernameFields, {
-        className: "emailAndUsername",
-        loginWithUsername,
-        operation: "create",
-        readOnly: false
-      }), _jsx(PasswordField, {
-        autoComplete: "off",
-        field: {
-          name: "password",
-          label: t("authentication:newPassword"),
-          required: true
-        }
-      }), _jsx(ConfirmPasswordField, {}), _jsx(RenderFields, {
-        fields: collectionConfig.fields,
-        forceRender: true,
-        operation: "create",
-        path: "",
-        readOnly: false,
-        schemaPath: userSlug
-      }), _jsx(FormSubmit, {
-        size: "large",
-        children: t("general:create")
-      })]
-    });
-    $[0] = userSlug;
-    $[1] = getEntityConfig;
-    $[2] = apiRoute;
-    $[3] = serverURL;
-    $[4] = loginWithUsername;
-    $[5] = t;
-    $[6] = initialState;
-    $[7] = admin;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
+  }, [userSlug, getFormState, docPermissions, docPreferences]);
+  const handleFirstRegister = data => {
+    setUser(data);
+  };
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(formStateAbortControllerRef.current);
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(Form, {
+    action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
+    initialState: initialState,
+    method: "POST",
+    onChange: [onChange],
+    onSuccess: handleFirstRegister,
+    redirect: admin,
+    validationOperation: "create",
+    children: [/*#__PURE__*/_jsx(EmailAndUsernameFields, {
+      className: "emailAndUsername",
+      loginWithUsername: loginWithUsername,
+      operation: "create",
+      readOnly: false,
+      t: t
+    }), /*#__PURE__*/_jsx(PasswordField, {
+      autoComplete: "off",
+      field: {
+        name: 'password',
+        label: t('authentication:newPassword'),
+        required: true
+      },
+      path: "password"
+    }), /*#__PURE__*/_jsx(ConfirmPasswordField, {}), /*#__PURE__*/_jsx(RenderFields, {
+      fields: collectionConfig.fields,
+      forceRender: true,
+      parentIndexPath: "",
+      parentPath: "",
+      parentSchemaPath: userSlug,
+      permissions: true,
+      readOnly: false
+    }), /*#__PURE__*/_jsx(FormSubmit, {
+      size: "large",
+      children: t('general:create')
+    })]
+  });
 };
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","ConfirmPasswordField","Form","FormSubmit","PasswordField","RenderFields","useConfig","useTranslation","getFormState","React","RenderEmailAndUsernameFields","CreateFirstUserClient","t0","$","initialState","loginWithUsername","userSlug","config","t1","getEntityConfig","routes","t2","serverURL","admin","api","apiRoute","t","t3","collectionConfig","collectionSlug","t4","t5","formState","prevFormState","body","operation","schemaPath","onChange","_jsxs","action","method","redirect","validationOperation","children","_jsx","className","readOnly","autoComplete","field","name","label","required","fields","forceRender","path","size"],"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, FormState, LoginWithUsernameOptions } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  type FormProps,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  loginWithUsername?: LoginWithUsernameOptions | false\n  userSlug: string\n}> = ({ initialState, loginWithUsername, userSlug }) => {\n  const {\n    config: {\n      routes: { admin, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug }) as ClientCollectionConfig\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState }) =>\n      getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: `_${userSlug}.auth`,\n        },\n        serverURL,\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      <RenderEmailAndUsernameFields\n        className=\"emailAndUsername\"\n        loginWithUsername={loginWithUsername}\n        operation=\"create\"\n        readOnly={false}\n      />\n      <PasswordField\n        autoComplete={'off'}\n        field={{\n          name: 'password',\n          label: t('authentication:newPassword'),\n          required: true,\n        }}\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fields={collectionConfig.fields}\n        forceRender\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit size=\"large\">{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,oBAAoB,EACpBC,IAAI,EAEJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,cAAc,QACT;AACP,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,4BAA4B,QAAQ;AAE7C,OAAO,MAAMC,qBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAc,YAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAAJ,EAA6C;EACjD;IAAAK,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAMIb,SAAA;EALM;IAAAc,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAGP;EAFS;IAAAK,KAAA;IAAAC,GAAA,EAAAC;EAAA,IAAAJ,EAAwB;EAMpC;IAAAK;EAAA,IAAcnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAd,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAY,QAAA,IAAAZ,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAE,iBAAA,IAAAF,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAU,KAAA;IAEd,MAAAK,gBAAA,GAAyBT,eAAA;MAAAU,cAAA,EAAkCb;IAAA,CAAS;IAAA,IAAAc,EAAA;IAAA,IAAAjB,CAAA,QAAAY,QAAA,IAAAZ,CAAA,SAAAG,QAAA,IAAAH,CAAA,SAAAS,SAAA;MAGlEQ,EAAA,SAAAC,EAAA;QAAO;UAAAC,SAAA,EAAAC;QAAA,IAAAF,EAA4B;QAAA,OACjCvB,YAAA;UAAAiB,QAAA;UAAAS,IAAA;YAAAL,cAAA,EAGoBb,QAAA;YAAAgB,SAAA,EACLC,aAAA;YAAAE,SAAA,EACA;YAAAC,UAAA,EACC,IAAIpB,QAAA;UAAe;UAAAM;QAAA,CAGnC;MAAA;MAAAT,CAAA,MAAAY,QAAA;MAAAZ,CAAA,OAAAG,QAAA;MAAAH,CAAA,OAAAS,SAAA;MAAAT,CAAA,OAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAXJ,MAAAwB,QAAA,GAA2CP,EAYV;IAI/BH,EAAA,GAAAW,KAAA,CAAApC,IAAA;MAAAqC,MAAA,EACU,GAAGjB,SAAA,GAAYG,QAAA,IAAYT,QAAA,iBAAyB;MAAAF,YAAA;MAAA0B,MAAA,EAErD;MAAAH,QAAA,GACIA,QAAA;MAAAI,QAAA,EACDlB,KAAA;MAAAmB,mBAAA,EACU;MAAAC,QAAA,GAEpBC,IAAA,CAAAlC,4BAAA;QAAAmC,SAAA,EACY;QAAA9B,iBAAA;QAAAoB,SAAA,EAEA;QAAAW,QAAA;MAAA,C,GAGZF,IAAA,CAAAxC,aAAA;QAAA2C,YAAA,EACgB;QAAAC,KAAA;UAAAC,IAAA,EAEN;UAAAC,KAAA,EACCxB,CAAA,CAAE;UAAAyB,QAAA;QAAA;MAAA,C,GAIbP,IAAA,CAAA3C,oBAAA,IAAC,GACD2C,IAAA,CAAAvC,YAAA;QAAA+C,MAAA,EACUxB,gBAAA,CAAAwB,MAAA;QAAAC,WAAA;QAAAlB,SAAA,EAEE;QAAAmB,IAAA,EACL;QAAAR,QAAA;QAAAV,UAAA,EAEOpB;MAAA,C,GAEd4B,IAAA,CAAAzC,UAAA;QAAAoD,IAAA,EAAiB;QAAAZ,QAAA,EAASjB,CAAA,CAAE;MAAA,C;;;;;;;;;;;;;;SA/B9BC,E;CAkCJ","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["ConfirmPasswordField","EmailAndUsernameFields","Form","FormSubmit","PasswordField","RenderFields","useAuth","useConfig","useServerFunctions","useTranslation","abortAndIgnore","React","useEffect","CreateFirstUserClient","docPermissions","docPreferences","initialState","loginWithUsername","userSlug","config","routes","admin","api","apiRoute","serverURL","getEntityConfig","getFormState","t","setUser","formStateAbortControllerRef","useRef","collectionConfig","collectionSlug","onChange","useCallback","formState","prevFormState","current","controller","AbortController","response","operation","schemaPath","signal","state","handleFirstRegister","data","_jsxs","action","method","onSuccess","redirect","validationOperation","_jsx","className","readOnly","autoComplete","field","name","label","required","path","fields","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","size"],"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormProps, UserWithToken } from '@payloadcms/ui'\nimport type {\n  ClientCollectionConfig,\n  DocumentPreferences,\n  FormState,\n  LoginWithUsernameOptions,\n  SanitizedDocumentPermissions,\n} from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  EmailAndUsernameFields,\n  Form,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useAuth,\n  useConfig,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport React, { useEffect } from 'react'\n\nexport const CreateFirstUserClient: React.FC<{\n  docPermissions: SanitizedDocumentPermissions\n  docPreferences: DocumentPreferences\n  initialState: FormState\n  loginWithUsername?: false | LoginWithUsernameOptions\n  userSlug: string\n}> = ({ docPermissions, docPreferences, initialState, loginWithUsername, userSlug }) => {\n  const {\n    config: {\n      routes: { admin, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const formStateAbortControllerRef = React.useRef<AbortController>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug }) as ClientCollectionConfig\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState }) => {\n      abortAndIgnore(formStateAbortControllerRef.current)\n\n      const controller = new AbortController()\n      formStateAbortControllerRef.current = controller\n\n      const response = await getFormState({\n        collectionSlug: userSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        operation: 'create',\n        schemaPath: `_${userSlug}.auth`,\n        signal: controller.signal,\n      })\n\n      if (response && response.state) {\n        return response.state\n      }\n    },\n    [userSlug, getFormState, docPermissions, docPreferences],\n  )\n\n  const handleFirstRegister = (data: UserWithToken) => {\n    setUser(data)\n  }\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(formStateAbortControllerRef.current)\n    }\n  }, [])\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n      initialState={initialState}\n      method=\"POST\"\n      onChange={[onChange]}\n      onSuccess={handleFirstRegister}\n      redirect={admin}\n      validationOperation=\"create\"\n    >\n      <EmailAndUsernameFields\n        className=\"emailAndUsername\"\n        loginWithUsername={loginWithUsername}\n        operation=\"create\"\n        readOnly={false}\n        t={t}\n      />\n      <PasswordField\n        autoComplete=\"off\"\n        field={{\n          name: 'password',\n          label: t('authentication:newPassword'),\n          required: true,\n        }}\n        path=\"password\"\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fields={collectionConfig.fields}\n        forceRender\n        parentIndexPath=\"\"\n        parentPath=\"\"\n        parentSchemaPath={userSlug}\n        permissions={true}\n        readOnly={false}\n      />\n      <FormSubmit size=\"large\">{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoCxD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkExD,CAAA"}