@payloadcms/next 3.0.0-canary.867cc07 → 3.0.0-canary.893f1e5

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

@@ -1 +1 @@
-{"version":3,"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      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"],"mappings":"AAAA;;AAEA,SAASA,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AAC1E,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"}
+{"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"],"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      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;MAAAQ,KAAA,EAKNd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SArB7BK,E;CAwBJ","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,37 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useStepNav, useTranslation } from '@payloadcms/ui';
+import React from 'react';
+export const AccountClient = () => {
+  const $ = _c(4);
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  let t1;
+  if ($[0] !== t || $[1] !== setStepNav) {
+    t0 = () => {
+      const nav = [];
+      nav.push({
+        label: t("authentication:account"),
+        url: "/account"
+      });
+      setStepNav(nav);
+    };
+    t1 = [setStepNav, t];
+    $[0] = t;
+    $[1] = setStepNav;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  React.useEffect(t0, t1);
+  return null;
+};
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["c","_c","useStepNav","useTranslation","React","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAA2BC,UAAU,EAAEC,cAAc,QAAQ;AAC7D,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBL,UAAA;EACvB;IAAAM;EAAA,IAAcL,cAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAC,UAAA;IAEEE,EAAA,GAAAA,CAAA;MACd,MAAAE,GAAA;MAEAA,GAAA,CAAAC,IAAA;QAAAC,KAAA,EACSL,CAAA,CAAE;QAAAM,GAAA,EACJ;MAAA,CACP;MAEAP,UAAA,CAAWI,GAAA;IAAA;IACVD,EAAA,IAACH,UAAA,EAAYC,CAAA;IAAEF,CAAA,MAAAE,CAAA;IAAAF,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EATlBF,KAAA,CAAAW,SAAA,CAAgBN,EAShB,EAAGC,EAAe;EAAA;AAAA,CAGpB","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,EAA2B,MAAM,SAAS,CAAA;AAKtE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2F5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,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,CAkJ5C,CAAA"}

package/dist/views/Account/index.js

@@ -1,81 +1,173 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentInfoProvider, HydrateClientUser } from '@payloadcms/ui';
-import { RenderCustomComponent } 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 { AccountClient } from './index.client.js';
 import { Settings } from './Settings/index.js';
 export { generateAccountMetadata } from './meta.js';
-export const Account = async ({ initPageResult, params, searchParams })=>{
-    const { languageOptions, locale, permissions, req, req: { i18n, payload, payload: { config }, user } } = initPageResult;
-    const { admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug }, routes: { api }, serverURL } = config;
-    const collectionConfig = config.collections.find((collection)=>collection.slug === userSlug);
-    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 = {
+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
+        } = {}
+      } = {},
+      theme,
+      user: userSlug
+    },
+    routes: {
+      api
+    },
+    serverURL
+  } = 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,
+      hasSavePermission
+    } = await getDocumentPermissions({
+      id: user.id,
+      collectionConfig,
+      data,
+      req
+    });
+    // Build initial form state from data
+    const {
+      state: formState
+    } = await buildFormState({
+      id: user.id,
+      collectionSlug: collectionConfig.slug,
+      data,
+      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,
+      isEditing: true,
+      req
+    });
+    // Get all versions required for UI
+    const {
+      hasPublishedDoc,
+      mostRecentVersionIsAutosaved,
+      unpublishedVersionCount,
+      versionCount
+    } = await getVersions({
+      id: user.id,
+      collectionConfig,
+      docPermissions,
+      locale: locale?.code,
+      payload,
+      user
+    });
+    return /*#__PURE__*/_jsx(DocumentInfoProvider, {
+      AfterFields: /*#__PURE__*/_jsx(Settings, {
+        i18n: i18n,
+        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,
+      initialData: data,
+      initialState: formState,
+      isEditing: true,
+      isLocked: isLocked,
+      lastUpdateTime: lastUpdateTime,
+      mostRecentVersionIsAutosaved: mostRecentVersionIsAutosaved,
+      unpublishedVersionCount: unpublishedVersionCount,
+      versionCount: versionCount,
+      children: /*#__PURE__*/_jsxs(EditDepthProvider, {
+        children: [/*#__PURE__*/_jsx(DocumentHeader, {
+          collectionConfig: collectionConfig,
+          hideTabs: true,
+          i18n: i18n,
+          payload: payload,
+          permissions: permissions
+        }), /*#__PURE__*/_jsx(HydrateAuthProvider, {
+          permissions: permissions
+        }), /*#__PURE__*/_jsx(RenderServerComponent, {
+          Component: CustomAccountComponent,
+          importMap: payload.importMap,
+          serverProps: {
+            i18n,
             initPageResult,
+            locale,
             params,
+            payload,
+            permissions,
             routeSegments: [],
-            searchParams
-        };
-        return /*#__PURE__*/ _jsxs(DocumentInfoProvider, {
-            AfterFields: /*#__PURE__*/ _jsx(Settings, {
-                i18n: i18n,
-                languageOptions: languageOptions
-            }),
-            apiURL: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
-            collectionSlug: userSlug,
-            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(RenderCustomComponent, {
-                    CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
-                    DefaultComponent: EditView,
-                    componentProps: viewComponentProps,
-                    serverOnlyProps: {
-                        i18n,
-                        locale,
-                        params,
-                        payload,
-                        permissions,
-                        searchParams,
-                        user
-                    }
-                })
-            ]
-        });
-    }
-    return notFound();
+            searchParams,
+            user
+          }
+        }), /*#__PURE__*/_jsx(EditView, {}), /*#__PURE__*/_jsx(AccountClient, {})]
+      })
+    });
+  }
+  return notFound();
 };
-
 //# sourceMappingURL=index.js.map

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

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

package/dist/views/Account/meta.js

@@ -1,10 +1,14 @@
 import { meta } from '../../utilities/meta.js';
-export const generateAccountMetadata = async ({ config, i18n: { t } })=>meta({
-        description: `${t('authentication:accountOfCurrentUser')}`,
-        keywords: `${t('authentication:account')}`,
-        serverURL: config.serverURL,
-        title: t('authentication:account'),
-        ...config.admin.meta || {}
-    });
-
+export const generateAccountMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => meta({
+  description: `${t('authentication:accountOfCurrentUser')}`,
+  keywords: `${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  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"],"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"}
+{"version":3,"file":"meta.js","names":["meta","generateAccountMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"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"],"mappings":"AAEA,SAASA,IAAI,QAAQ;AAErB,OAAO,MAAMC,uBAAA,GAAgD,MAAAA,CAAO;EAAEC,MAAM;EAAEC,IAAA,EAAM;IAAEC;EAAC;AAAE,CAAE,KACzFJ,IAAA,CAAK;EACHK,WAAA,EAAa,GAAGD,CAAA,CAAE,wCAAwC;EAC1DE,QAAA,EAAU,GAAGF,CAAA,CAAE,2BAA2B;EAC1CG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;AAC7B","ignoreList":[]}

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

@@ -1,8 +1,10 @@
-import type { FormState, LoginWithUsernameOptions } from 'payload';
+import type { DocumentPermissions, DocumentPreferences, FormState, LoginWithUsernameOptions } from 'payload';
 import React from 'react';
 export declare const CreateFirstUserClient: React.FC<{
+    docPermissions: DocumentPermissions;
+    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,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAclE,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,CA4DA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,EACT,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAehB,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,cAAc,EAAE,mBAAmB,CAAA;IACnC,cAAc,EAAE,mBAAmB,CAAA;IACnC,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CAwFA,CAAA"}

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

@@ -1,67 +1,99 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ConfirmPasswordField, Form, FormSubmit, PasswordField, RenderFields, useComponentMap, useConfig, useTranslation } from '@payloadcms/ui';
-import { getFormState } from '@payloadcms/ui/shared';
-import React from 'react';
-import { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js';
-export const CreateFirstUserClient = ({ initialState, loginWithUsername, userSlug })=>{
-    const { getFieldMap } = useComponentMap();
-    const { routes: { admin, api: apiRoute }, serverURL } = useConfig();
-    const { t } = useTranslation();
-    const fieldMap = getFieldMap({
-        collectionSlug: userSlug
-    });
-    const onChange = React.useCallback(async ({ formState: prevFormState })=>getFormState({
-            apiRoute,
-            body: {
-                collectionSlug: userSlug,
-                formState: prevFormState,
-                operation: 'create',
-                schemaPath: `_${userSlug}.auth`
-            },
-            serverURL
-        }), [
-        apiRoute,
-        userSlug,
-        serverURL
-    ]);
-    return /*#__PURE__*/ _jsxs(Form, {
-        action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
-        initialState: initialState,
-        method: "POST",
-        onChange: [
-            onChange
-        ],
-        redirect: admin,
-        validationOperation: "create",
-        children: [
-            /*#__PURE__*/ _jsx(RenderEmailAndUsernameFields, {
-                className: "emailAndUsername",
-                loginWithUsername: loginWithUsername,
-                operation: "create",
-                readOnly: false
-            }),
-            /*#__PURE__*/ _jsx(PasswordField, {
-                label: t('authentication:newPassword'),
-                name: "password",
-                path: "password",
-                required: true
-            }),
-            /*#__PURE__*/ _jsx(ConfirmPasswordField, {}),
-            /*#__PURE__*/ _jsx(RenderFields, {
-                fieldMap: fieldMap,
-                forceRender: true,
-                operation: "create",
-                path: "",
-                readOnly: false,
-                schemaPath: userSlug
-            }),
-            /*#__PURE__*/ _jsx(FormSubmit, {
-                size: "large",
-                children: t('general:create')
-            })
-        ]
+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 {
+    config: {
+      routes: {
+        admin,
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const {
+    getFormState
+  } = useServerFunctions();
+  const {
+    t
+  } = useTranslation();
+  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 {
+      state
+    } = await getFormState({
+      collectionSlug: userSlug,
+      docPermissions,
+      docPreferences,
+      formState: prevFormState,
+      operation: 'create',
+      schemaPath: `_${userSlug}.auth`,
+      signal: controller.signal
     });
+    return state;
+  }, [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
+      }
+    }), /*#__PURE__*/_jsx(ConfirmPasswordField, {}), /*#__PURE__*/_jsx(RenderFields, {
+      fields: collectionConfig.fields,
+      forceRender: true,
+      parentIndexPath: "",
+      parentPath: "",
+      parentSchemaPath: userSlug,
+      permissions: null,
+      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,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormState, LoginWithUsernameOptions } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  type FormProps,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useComponentMap,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { 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 { 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      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        label={t('authentication:newPassword')}\n        name=\"password\"\n        path=\"password\"\n        required\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fieldMap={fieldMap}\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"],"names":["ConfirmPasswordField","Form","FormSubmit","PasswordField","RenderFields","useComponentMap","useConfig","useTranslation","getFormState","React","RenderEmailAndUsernameFields","CreateFirstUserClient","initialState","loginWithUsername","userSlug","getFieldMap","routes","admin","api","apiRoute","serverURL","t","fieldMap","collectionSlug","onChange","useCallback","formState","prevFormState","body","operation","schemaPath","action","method","redirect","validationOperation","className","readOnly","label","name","path","required","forceRender","size"],"mappings":"AAAA;;AAGA,SACEA,oBAAoB,EACpBC,IAAI,EAEJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,eAAe,EACfC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,WAAW,QAAO;AAEzB,SAASC,4BAA4B,QAAQ,2CAA0C;AAEvF,OAAO,MAAMC,wBAIR,CAAC,EAAEC,YAAY,EAAEC,iBAAiB,EAAEC,QAAQ,EAAE;IACjD,MAAM,EAAEC,WAAW,EAAE,GAAGV;IAExB,MAAM,EACJW,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EAChCC,SAAS,EACV,GAAGd;IAEJ,MAAM,EAAEe,CAAC,EAAE,GAAGd;IAEd,MAAMe,WAAWP,YAAY;QAAEQ,gBAAgBT;IAAS;IAExD,MAAMU,WAAqCf,MAAMgB,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAE,GACjCnB,aAAa;YACXW;YACAS,MAAM;gBACJL,gBAAgBT;gBAChBY,WAAWC;gBACXE,WAAW;gBACXC,YAAY,CAAC,CAAC,EAAEhB,SAAS,KAAK,CAAC;YACjC;YACAM;QACF,IACF;QAACD;QAAUL;QAAUM;KAAU;IAGjC,qBACE,MAACnB;QACC8B,QAAQ,CAAC,EAAEX,UAAU,EAAED,SAAS,CAAC,EAAEL,SAAS,eAAe,CAAC;QAC5DF,cAAcA;QACdoB,QAAO;QACPR,UAAU;YAACA;SAAS;QACpBS,UAAUhB;QACViB,qBAAoB;;0BAEpB,KAACxB;gBACCyB,WAAU;gBACVtB,mBAAmBA;gBACnBgB,WAAU;gBACVO,UAAU;;0BAEZ,KAACjC;gBACCkC,OAAOhB,EAAE;gBACTiB,MAAK;gBACLC,MAAK;gBACLC,QAAQ;;0BAEV,KAACxC;0BACD,KAACI;gBACCkB,UAAUA;gBACVmB,WAAW;gBACXZ,WAAU;gBACVU,MAAK;gBACLH,UAAU;gBACVN,YAAYhB;;0BAEd,KAACZ;gBAAWwC,MAAK;0BAASrB,EAAE;;;;AAGlC,EAAC"}
+{"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","state","operation","schemaPath","signal","handleFirstRegister","data","_jsxs","action","method","onSuccess","redirect","validationOperation","_jsx","className","readOnly","autoComplete","field","name","label","required","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  DocumentPermissions,\n  DocumentPreferences,\n  FormState,\n  LoginWithUsernameOptions,\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: DocumentPermissions\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 { state } = 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      return state\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      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fields={collectionConfig.fields}\n        forceRender\n        parentIndexPath=\"\"\n        parentPath=\"\"\n        parentSchemaPath={userSlug}\n        permissions={null}\n        readOnly={false}\n      />\n      <FormSubmit size=\"large\">{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"AAAA;;;AAUA,SACEA,oBAAoB,EACpBC,sBAAsB,EACtBC,IAAI,EACJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,OAAO,EACPC,SAAS,EACTC,kBAAkB,EAClBC,cAAc,QACT;AACP,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,qBAAA,GAMRA,CAAC;EAAEC,cAAc;EAAEC,cAAc;EAAEC,YAAY;EAAEC,iBAAiB;EAAEC;AAAQ,CAAE;EACjF,MAAM;IACJC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,KAAK;QAAEC,GAAA,EAAKC;MAAQ,CAAE;MAChCC;IAAS,CACV;IACDC;EAAe,CAChB,GAAGlB,SAAA;EAEJ,MAAM;IAAEmB;EAAY,CAAE,GAAGlB,kBAAA;EAEzB,MAAM;IAAEmB;EAAC,CAAE,GAAGlB,cAAA;EACd,MAAM;IAAEmB;EAAO,CAAE,GAAGtB,OAAA;EAEpB,MAAMuB,2BAAA,GAA8BlB,KAAA,CAAMmB,MAAM,CAAkB;EAElE,MAAMC,gBAAA,GAAmBN,eAAA,CAAgB;IAAEO,cAAA,EAAgBd;EAAS;EAEpE,MAAMe,QAAA,GAAqCtB,KAAA,CAAMuB,WAAW,CAC1D,OAAO;IAAEC,SAAA,EAAWC;EAAa,CAAE;IACjC1B,cAAA,CAAemB,2BAAA,CAA4BQ,OAAO;IAElD,MAAMC,UAAA,GAAa,IAAIC,eAAA;IACvBV,2BAAA,CAA4BQ,OAAO,GAAGC,UAAA;IAEtC,MAAM;MAAEE;IAAK,CAAE,GAAG,MAAMd,YAAA,CAAa;MACnCM,cAAA,EAAgBd,QAAA;MAChBJ,cAAA;MACAC,cAAA;MACAoB,SAAA,EAAWC,aAAA;MACXK,SAAA,EAAW;MACXC,UAAA,EAAY,IAAIxB,QAAA,OAAe;MAC/ByB,MAAA,EAAQL,UAAA,CAAWK;IACrB;IAEA,OAAOH,KAAA;EACT,GACA,CAACtB,QAAA,EAAUQ,YAAA,EAAcZ,cAAA,EAAgBC,cAAA,CAAe;EAG1D,MAAM6B,mBAAA,GAAuBC,IAAA;IAC3BjB,OAAA,CAAQiB,IAAA;EACV;EAEAjC,SAAA,CAAU;IACR,OAAO;MACLF,cAAA,CAAemB,2BAAA,CAA4BQ,OAAO;IACpD;EACF,GAAG,EAAE;EAEL,oBACES,KAAA,CAAC5C,IAAA;IACC6C,MAAA,EAAQ,GAAGvB,SAAA,GAAYD,QAAA,IAAYL,QAAA,iBAAyB;IAC5DF,YAAA,EAAcA,YAAA;IACdgC,MAAA,EAAO;IACPf,QAAA,EAAU,CAACA,QAAA,CAAS;IACpBgB,SAAA,EAAWL,mBAAA;IACXM,QAAA,EAAU7B,KAAA;IACV8B,mBAAA,EAAoB;4BAEpBC,IAAA,CAACnD,sBAAA;MACCoD,SAAA,EAAU;MACVpC,iBAAA,EAAmBA,iBAAA;MACnBwB,SAAA,EAAU;MACVa,QAAA,EAAU;MACV3B,CAAA,EAAGA;qBAELyB,IAAA,CAAChD,aAAA;MACCmD,YAAA,EAAa;MACbC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,KAAA,EAAO/B,CAAA,CAAE;QACTgC,QAAA,EAAU;MACZ;qBAEFP,IAAA,CAACpD,oBAAA,O,aACDoD,IAAA,CAAC/C,YAAA;MACCuD,MAAA,EAAQ7B,gBAAA,CAAiB6B,MAAM;MAC/BC,WAAW;MACXC,eAAA,EAAgB;MAChBC,UAAA,EAAW;MACXC,gBAAA,EAAkB9C,QAAA;MAClB+C,WAAA,EAAa;MACbX,QAAA,EAAU;qBAEZF,IAAA,CAACjD,UAAA;MAAW+D,IAAA,EAAK;gBAASvC,CAAA,CAAE;;;AAGlC","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"}