@payloadcms/next 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/views/CollectionTrash/index.js

@@ -1,21 +1,21 @@
 import { notFound } from 'next/navigation.js';
 import { renderListView } from '../List/index.js';
-export const TrashView = async args => {
-  try {
-    const {
-      List: TrashList
-    } = await renderListView({
-      ...args,
-      enableRowSelections: true,
-      trash: true,
-      viewType: 'trash'
-    });
-    return TrashList;
-  } catch (error) {
-    if (error.message === 'not-found') {
-      notFound();
+export const TrashView = async (args)=>{
+    try {
+        const { List: TrashList } = await renderListView({
+            ...args,
+            enableRowSelections: true,
+            trash: true,
+            viewType: 'trash'
+        });
+        return TrashList;
+    } catch (error) {
+        if (error.message === 'not-found') {
+            notFound();
+        }
+        console.error(error);
     }
-    console.error(error); // eslint-disable-line no-console
-  }
-};
+} // eslint-disable-line no-console
+;
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["notFound","renderListView","TrashView","args","List","TrashList","enableRowSelections","trash","viewType","error","message","console"],"sources":["../../../src/views/CollectionTrash/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, ListQuery } from 'payload'\nimport type React from 'react'\n\nimport { notFound } from 'next/navigation.js'\n\nimport { renderListView } from '../List/index.js'\n\ntype RenderTrashViewArgs = {\n  customCellProps?: Record<string, any>\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  disableQueryPresets?: boolean\n  drawerSlug?: string\n  enableRowSelections: boolean\n  overrideEntityVisibility?: boolean\n  query: ListQuery\n  redirectAfterDelete?: boolean\n  redirectAfterDuplicate?: boolean\n  redirectAfterRestore?: boolean\n} & AdminViewServerProps\n\nexport const TrashView: React.FC<Omit<RenderTrashViewArgs, 'enableRowSelections'>> = async (\n  args,\n) => {\n  try {\n    const { List: TrashList } = await renderListView({\n      ...args,\n      enableRowSelections: true,\n      trash: true,\n      viewType: 'trash',\n    })\n\n    return TrashList\n  } catch (error) {\n    if (error.message === 'not-found') {\n      notFound()\n    }\n    console.error(error) // eslint-disable-line no-console\n  }\n}\n"],"mappings":"AAGA,SAASA,QAAQ,QAAQ;AAEzB,SAASC,cAAc,QAAQ;AAgB/B,OAAO,MAAMC,SAAA,GAAwE,MACnFC,IAAA;EAEA,IAAI;IACF,MAAM;MAAEC,IAAA,EAAMC;IAAS,CAAE,GAAG,MAAMJ,cAAA,CAAe;MAC/C,GAAGE,IAAI;MACPG,mBAAA,EAAqB;MACrBC,KAAA,EAAO;MACPC,QAAA,EAAU;IACZ;IAEA,OAAOH,SAAA;EACT,EAAE,OAAOI,KAAA,EAAO;IACd,IAAIA,KAAA,CAAMC,OAAO,KAAK,aAAa;MACjCV,QAAA;IACF;IACAW,OAAA,CAAQF,KAAK,CAACA,KAAA,GAAO;EACvB;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../src/views/CollectionTrash/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, ListQuery } from 'payload'\nimport type React from 'react'\n\nimport { notFound } from 'next/navigation.js'\n\nimport { renderListView } from '../List/index.js'\n\ntype RenderTrashViewArgs = {\n  customCellProps?: Record<string, any>\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  disableQueryPresets?: boolean\n  drawerSlug?: string\n  enableRowSelections: boolean\n  overrideEntityVisibility?: boolean\n  query: ListQuery\n  redirectAfterDelete?: boolean\n  redirectAfterDuplicate?: boolean\n  redirectAfterRestore?: boolean\n} & AdminViewServerProps\n\nexport const TrashView: React.FC<Omit<RenderTrashViewArgs, 'enableRowSelections'>> = async (\n  args,\n) => {\n  try {\n    const { List: TrashList } = await renderListView({\n      ...args,\n      enableRowSelections: true,\n      trash: true,\n      viewType: 'trash',\n    })\n\n    return TrashList\n  } catch (error) {\n    if (error.message === 'not-found') {\n      notFound()\n    }\n    console.error(error) // eslint-disable-line no-console\n  }\n}\n"],"names":["notFound","renderListView","TrashView","args","List","TrashList","enableRowSelections","trash","viewType","error","message","console"],"mappings":"AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAE7C,SAASC,cAAc,QAAQ,mBAAkB;AAgBjD,OAAO,MAAMC,YAAwE,OACnFC;IAEA,IAAI;QACF,MAAM,EAAEC,MAAMC,SAAS,EAAE,GAAG,MAAMJ,eAAe;YAC/C,GAAGE,IAAI;YACPG,qBAAqB;YACrBC,OAAO;YACPC,UAAU;QACZ;QAEA,OAAOH;IACT,EAAE,OAAOI,OAAO;QACd,IAAIA,MAAMC,OAAO,KAAK,aAAa;YACjCV;QACF;QACAW,QAAQF,KAAK,CAACA;IAChB;AACF,EAFyB,iCAAiC;CAEzD"}

package/dist/views/CollectionTrash/metadata.js

@@ -1,25 +1,22 @@
 import { getTranslation } from '@payloadcms/translations';
 import { generateMetadata } from '../../utilities/meta.js';
-export const generateCollectionTrashMetadata = async args => {
-  const {
-    collectionConfig,
-    config,
-    i18n
-  } = args;
-  let title = '';
-  const description = '';
-  const keywords = '';
-  if (collectionConfig) {
-    title = getTranslation(collectionConfig.labels.plural, i18n);
-  }
-  title = `${title ? `${title} ` : title}${i18n.t('general:trash')}`;
-  return generateMetadata({
-    ...(config.admin.meta || {}),
-    description,
-    keywords,
-    serverURL: config.serverURL,
-    title,
-    ...(collectionConfig?.admin?.meta || {})
-  });
+export const generateCollectionTrashMetadata = async (args)=>{
+    const { collectionConfig, config, i18n } = args;
+    let title = '';
+    const description = '';
+    const keywords = '';
+    if (collectionConfig) {
+        title = getTranslation(collectionConfig.labels.plural, i18n);
+    }
+    title = `${title ? `${title} ` : title}${i18n.t('general:trash')}`;
+    return generateMetadata({
+        ...config.admin.meta || {},
+        description,
+        keywords,
+        serverURL: config.serverURL,
+        title,
+        ...collectionConfig?.admin?.meta || {}
+    });
 };
+
 //# sourceMappingURL=metadata.js.map

package/dist/views/CollectionTrash/metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.js","names":["getTranslation","generateMetadata","generateCollectionTrashMetadata","args","collectionConfig","config","i18n","title","description","keywords","labels","plural","t","admin","meta","serverURL"],"sources":["../../../src/views/CollectionTrash/metadata.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { generateMetadata } from '../../utilities/meta.js'\n\nexport const generateCollectionTrashMetadata = async (\n  args: {\n    collectionConfig: SanitizedCollectionConfig\n  } & Parameters<GenerateViewMetadata>[0],\n): Promise<Metadata> => {\n  const { collectionConfig, config, i18n } = args\n\n  let title: string = ''\n  const description: string = ''\n  const keywords: string = ''\n\n  if (collectionConfig) {\n    title = getTranslation(collectionConfig.labels.plural, i18n)\n  }\n\n  title = `${title ? `${title} ` : title}${i18n.t('general:trash')}`\n\n  return generateMetadata({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig?.admin?.meta || {}),\n  })\n}\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ;AAI/B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,+BAAA,GAAkC,MAC7CC,IAAA;EAIA,MAAM;IAAEC,gBAAgB;IAAEC,MAAM;IAAEC;EAAI,CAAE,GAAGH,IAAA;EAE3C,IAAII,KAAA,GAAgB;EACpB,MAAMC,WAAA,GAAsB;EAC5B,MAAMC,QAAA,GAAmB;EAEzB,IAAIL,gBAAA,EAAkB;IACpBG,KAAA,GAAQP,cAAA,CAAeI,gBAAA,CAAiBM,MAAM,CAACC,MAAM,EAAEL,IAAA;EACzD;EAEAC,KAAA,GAAQ,GAAGA,KAAA,GAAQ,GAAGA,KAAA,GAAQ,GAAGA,KAAA,GAAQD,IAAA,CAAKM,CAAC,CAAC,kBAAkB;EAElE,OAAOX,gBAAA,CAAiB;IACtB,IAAII,MAAA,CAAOQ,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;IAC3BN,WAAA;IACAC,QAAA;IACAM,SAAA,EAAWV,MAAA,CAAOU,SAAS;IAC3BR,KAAA;IACA,IAAIH,gBAAA,EAAkBS,KAAA,EAAOC,IAAA,IAAQ,CAAC,CAAC;EACzC;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../src/views/CollectionTrash/metadata.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { generateMetadata } from '../../utilities/meta.js'\n\nexport const generateCollectionTrashMetadata = async (\n  args: {\n    collectionConfig: SanitizedCollectionConfig\n  } & Parameters<GenerateViewMetadata>[0],\n): Promise<Metadata> => {\n  const { collectionConfig, config, i18n } = args\n\n  let title: string = ''\n  const description: string = ''\n  const keywords: string = ''\n\n  if (collectionConfig) {\n    title = getTranslation(collectionConfig.labels.plural, i18n)\n  }\n\n  title = `${title ? `${title} ` : title}${i18n.t('general:trash')}`\n\n  return generateMetadata({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig?.admin?.meta || {}),\n  })\n}\n"],"names":["getTranslation","generateMetadata","generateCollectionTrashMetadata","args","collectionConfig","config","i18n","title","description","keywords","labels","plural","t","admin","meta","serverURL"],"mappings":"AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,gBAAgB,QAAQ,0BAAyB;AAE1D,OAAO,MAAMC,kCAAkC,OAC7CC;IAIA,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IAE3C,IAAII,QAAgB;IACpB,MAAMC,cAAsB;IAC5B,MAAMC,WAAmB;IAEzB,IAAIL,kBAAkB;QACpBG,QAAQP,eAAeI,iBAAiBM,MAAM,CAACC,MAAM,EAAEL;IACzD;IAEAC,QAAQ,GAAGA,QAAQ,GAAGA,MAAM,CAAC,CAAC,GAAGA,QAAQD,KAAKM,CAAC,CAAC,kBAAkB;IAElE,OAAOX,iBAAiB;QACtB,GAAII,OAAOQ,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;QAC3BN;QACAC;QACAM,WAAWV,OAAOU,SAAS;QAC3BR;QACA,GAAIH,kBAAkBS,OAAOC,QAAQ,CAAC,CAAC;IACzC;AACF,EAAC"}

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

@@ -1,112 +1,126 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { ConfirmPasswordField, EmailAndUsernameFields, Form, FormSubmit, PasswordField, RenderFields, useAuth, useConfig, useServerFunctions, useTranslation } from '@payloadcms/ui';
 import { abortAndIgnore, handleAbortRef } from '@payloadcms/ui/shared';
 import { formatAdminURL } from 'payload/shared';
 import React, { useEffect } from 'react';
-export const CreateFirstUserClient = ({
-  docPermissions,
-  docPreferences,
-  initialState,
-  loginWithUsername,
-  userSlug
-}) => {
-  const {
-    config: {
-      routes: {
-        admin,
-        api: apiRoute
-      }
-    },
-    getEntityConfig
-  } = useConfig();
-  const {
-    getFormState
-  } = useServerFunctions();
-  const {
-    t
-  } = useTranslation();
-  const {
-    setUser
-  } = useAuth();
-  const abortOnChangeRef = React.useRef(null);
-  const collectionConfig = getEntityConfig({
-    collectionSlug: userSlug
-  });
-  const onChange = React.useCallback(async ({
-    formState: prevFormState,
-    submitted
-  }) => {
-    const controller = handleAbortRef(abortOnChangeRef);
-    const response = await getFormState({
-      collectionSlug: userSlug,
-      docPermissions,
-      docPreferences,
-      formState: prevFormState,
-      operation: 'create',
-      schemaPath: userSlug,
-      signal: controller.signal,
-      skipValidation: !submitted
+export const CreateFirstUserClient = ({ docPermissions, docPreferences, initialState, loginWithUsername, userSlug })=>{
+    const { config: { routes: { admin, api: apiRoute } }, getEntityConfig } = useConfig();
+    const { getFormState } = useServerFunctions();
+    const { t } = useTranslation();
+    const { setUser } = useAuth();
+    const abortOnChangeRef = React.useRef(null);
+    const collectionConfig = getEntityConfig({
+        collectionSlug: userSlug
     });
-    abortOnChangeRef.current = null;
-    if (response && response.state) {
-      return response.state;
-    }
-  }, [userSlug, getFormState, docPermissions, docPreferences]);
-  const handleFirstRegister = data => {
-    setUser(data);
-  };
-  useEffect(() => {
-    const abortOnChange = abortOnChangeRef.current;
-    return () => {
-      abortAndIgnore(abortOnChange);
+    const onChange = React.useCallback(async ({ formState: prevFormState, submitted })=>{
+        const controller = handleAbortRef(abortOnChangeRef);
+        const response = await getFormState({
+            collectionSlug: userSlug,
+            docPermissions,
+            docPreferences,
+            formState: prevFormState,
+            operation: 'create',
+            schemaPath: userSlug,
+            signal: controller.signal,
+            skipValidation: !submitted
+        });
+        abortOnChangeRef.current = null;
+        if (response && response.state) {
+            return response.state;
+        }
+    }, [
+        userSlug,
+        getFormState,
+        docPermissions,
+        docPreferences
+    ]);
+    const handleFirstRegister = (data)=>{
+        setUser(data);
     };
-  }, []);
-  return /*#__PURE__*/_jsxs(Form, {
-    action: formatAdminURL({
-      apiRoute,
-      path: `/${userSlug}/first-register`
-    }),
-    initialState: {
-      ...initialState,
-      'confirm-password': {
-        ...initialState['confirm-password'],
-        valid: initialState['confirm-password']['valid'] || false,
-        value: initialState['confirm-password']['value'] || ''
-      }
-    },
-    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')
-    })]
-  });
+    useEffect(()=>{
+        const abortOnChange = abortOnChangeRef.current;
+        return ()=>{
+            abortAndIgnore(abortOnChange);
+        };
+    }, []);
+    return /*#__PURE__*/ _jsxDEV(Form, {
+        action: formatAdminURL({
+            apiRoute,
+            path: `/${userSlug}/first-register`
+        }),
+        initialState: {
+            ...initialState,
+            'confirm-password': {
+                ...initialState['confirm-password'],
+                valid: initialState['confirm-password']['valid'] || false,
+                value: initialState['confirm-password']['value'] || ''
+            }
+        },
+        method: "POST",
+        onChange: [
+            onChange
+        ],
+        onSuccess: handleFirstRegister,
+        redirect: admin,
+        validationOperation: "create",
+        children: [
+            /*#__PURE__*/ _jsxDEV(EmailAndUsernameFields, {
+                className: "emailAndUsername",
+                loginWithUsername: loginWithUsername,
+                operation: "create",
+                readOnly: false,
+                t: t
+            }, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.client.tsx",
+                lineNumber: 105,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(PasswordField, {
+                autoComplete: "off",
+                field: {
+                    name: 'password',
+                    label: t('authentication:newPassword'),
+                    required: true
+                },
+                path: "password"
+            }, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.client.tsx",
+                lineNumber: 112,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmPasswordField, {}, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.client.tsx",
+                lineNumber: 121,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderFields, {
+                fields: collectionConfig.fields,
+                forceRender: true,
+                parentIndexPath: "",
+                parentPath: "",
+                parentSchemaPath: userSlug,
+                permissions: true,
+                readOnly: false
+            }, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.client.tsx",
+                lineNumber: 122,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(FormSubmit, {
+                size: "large",
+                children: t('general:create')
+            }, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.client.tsx",
+                lineNumber: 131,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/CreateFirstUser/index.client.tsx",
+        lineNumber: 86,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["ConfirmPasswordField","EmailAndUsernameFields","Form","FormSubmit","PasswordField","RenderFields","useAuth","useConfig","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","formatAdminURL","React","useEffect","CreateFirstUserClient","docPermissions","docPreferences","initialState","loginWithUsername","userSlug","config","routes","admin","api","apiRoute","getEntityConfig","getFormState","t","setUser","abortOnChangeRef","useRef","collectionConfig","collectionSlug","onChange","useCallback","formState","prevFormState","submitted","controller","response","operation","schemaPath","signal","skipValidation","current","state","handleFirstRegister","data","abortOnChange","_jsxs","action","path","valid","value","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  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, handleAbortRef } from '@payloadcms/ui/shared'\nimport { formatAdminURL } from 'payload/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    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const abortOnChangeRef = React.useRef<AbortController>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortOnChangeRef)\n\n      const response = await getFormState({\n        collectionSlug: userSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        operation: 'create',\n        schemaPath: userSlug,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortOnChangeRef.current = null\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    const abortOnChange = abortOnChangeRef.current\n\n    return () => {\n      abortAndIgnore(abortOnChange)\n    }\n  }, [])\n\n  return (\n    <Form\n      action={formatAdminURL({\n        apiRoute,\n        path: `/${userSlug}/first-register`,\n      })}\n      initialState={{\n        ...initialState,\n        'confirm-password': {\n          ...initialState['confirm-password'],\n          valid: initialState['confirm-password']['valid'] || false,\n          value: initialState['confirm-password']['value'] || '',\n        },\n      }}\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":[]}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormProps, UserWithToken } from '@payloadcms/ui'\nimport type {\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, handleAbortRef } from '@payloadcms/ui/shared'\nimport { formatAdminURL } from 'payload/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    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const abortOnChangeRef = React.useRef<AbortController>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortOnChangeRef)\n\n      const response = await getFormState({\n        collectionSlug: userSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        operation: 'create',\n        schemaPath: userSlug,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortOnChangeRef.current = null\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    const abortOnChange = abortOnChangeRef.current\n\n    return () => {\n      abortAndIgnore(abortOnChange)\n    }\n  }, [])\n\n  return (\n    <Form\n      action={formatAdminURL({\n        apiRoute,\n        path: `/${userSlug}/first-register`,\n      })}\n      initialState={{\n        ...initialState,\n        'confirm-password': {\n          ...initialState['confirm-password'],\n          valid: initialState['confirm-password']['valid'] || false,\n          value: initialState['confirm-password']['value'] || '',\n        },\n      }}\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"],"names":["ConfirmPasswordField","EmailAndUsernameFields","Form","FormSubmit","PasswordField","RenderFields","useAuth","useConfig","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","formatAdminURL","React","useEffect","CreateFirstUserClient","docPermissions","docPreferences","initialState","loginWithUsername","userSlug","config","routes","admin","api","apiRoute","getEntityConfig","getFormState","t","setUser","abortOnChangeRef","useRef","collectionConfig","collectionSlug","onChange","useCallback","formState","prevFormState","submitted","controller","response","operation","schemaPath","signal","skipValidation","current","state","handleFirstRegister","data","abortOnChange","action","path","valid","value","method","onSuccess","redirect","validationOperation","className","readOnly","autoComplete","field","name","label","required","fields","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","size"],"mappings":"AAAA;;AASA,SACEA,oBAAoB,EACpBC,sBAAsB,EACtBC,IAAI,EACJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,OAAO,EACPC,SAAS,EACTC,kBAAkB,EAClBC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,EAAEC,cAAc,QAAQ,wBAAuB;AACtE,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,OAAO,MAAMC,wBAMR,CAAC,EAAEC,cAAc,EAAEC,cAAc,EAAEC,YAAY,EAAEC,iBAAiB,EAAEC,QAAQ,EAAE;IACjF,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EACjC,EACDC,eAAe,EAChB,GAAGnB;IAEJ,MAAM,EAAEoB,YAAY,EAAE,GAAGnB;IAEzB,MAAM,EAAEoB,CAAC,EAAE,GAAGnB;IACd,MAAM,EAAEoB,OAAO,EAAE,GAAGvB;IAEpB,MAAMwB,mBAAmBjB,MAAMkB,MAAM,CAAkB;IAEvD,MAAMC,mBAAmBN,gBAAgB;QAAEO,gBAAgBb;IAAS;IAEpE,MAAMc,WAAqCrB,MAAMsB,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAEC,SAAS,EAAE;QAC5C,MAAMC,aAAa5B,eAAemB;QAElC,MAAMU,WAAW,MAAMb,aAAa;YAClCM,gBAAgBb;YAChBJ;YACAC;YACAmB,WAAWC;YACXI,WAAW;YACXC,YAAYtB;YACZuB,QAAQJ,WAAWI,MAAM;YACzBC,gBAAgB,CAACN;QACnB;QAEAR,iBAAiBe,OAAO,GAAG;QAE3B,IAAIL,YAAYA,SAASM,KAAK,EAAE;YAC9B,OAAON,SAASM,KAAK;QACvB;IACF,GACA;QAAC1B;QAAUO;QAAcX;QAAgBC;KAAe;IAG1D,MAAM8B,sBAAsB,CAACC;QAC3BnB,QAAQmB;IACV;IAEAlC,UAAU;QACR,MAAMmC,gBAAgBnB,iBAAiBe,OAAO;QAE9C,OAAO;YACLnC,eAAeuC;QACjB;IACF,GAAG,EAAE;IAEL,qBACE,QAAC/C;QACCgD,QAAQtC,eAAe;YACrBa;YACA0B,MAAM,CAAC,CAAC,EAAE/B,SAAS,eAAe,CAAC;QACrC;QACAF,cAAc;YACZ,GAAGA,YAAY;YACf,oBAAoB;gBAClB,GAAGA,YAAY,CAAC,mBAAmB;gBACnCkC,OAAOlC,YAAY,CAAC,mBAAmB,CAAC,QAAQ,IAAI;gBACpDmC,OAAOnC,YAAY,CAAC,mBAAmB,CAAC,QAAQ,IAAI;YACtD;QACF;QACAoC,QAAO;QACPpB,UAAU;YAACA;SAAS;QACpBqB,WAAWR;QACXS,UAAUjC;QACVkC,qBAAoB;;0BAEpB,QAACxD;gBACCyD,WAAU;gBACVvC,mBAAmBA;gBACnBsB,WAAU;gBACVkB,UAAU;gBACV/B,GAAGA;;;;;;0BAEL,QAACxB;gBACCwD,cAAa;gBACbC,OAAO;oBACLC,MAAM;oBACNC,OAAOnC,EAAE;oBACToC,UAAU;gBACZ;gBACAb,MAAK;;;;;;0BAEP,QAACnD;;;;;0BACD,QAACK;gBACC4D,QAAQjC,iBAAiBiC,MAAM;gBAC/BC,WAAW;gBACXC,iBAAgB;gBAChBC,YAAW;gBACXC,kBAAkBjD;gBAClBkD,aAAa;gBACbX,UAAU;;;;;;0BAEZ,QAACxD;gBAAWoE,MAAK;0BAAS3C,EAAE;;;;;;;;;;;;AAGlC,EAAC"}

package/dist/views/CreateFirstUser/index.js

@@ -1,88 +1,94 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { buildFormState } from '@payloadcms/ui/utilities/buildFormState';
 import React from 'react';
 import { getDocPreferences } from '../Document/getDocPreferences.js';
 import { getDocumentData } from '../Document/getDocumentData.js';
 import { CreateFirstUserClient } from './index.client.js';
-export async function CreateFirstUserView({
-  initPageResult
-}) {
-  const {
-    locale,
-    req,
-    req: {
-      payload: {
-        collections,
-        config: {
-          admin: {
-            user: userSlug
-          }
-        }
-      }
-    }
-  } = initPageResult;
-  const collectionConfig = collections?.[userSlug]?.config;
-  const {
-    auth: authOptions
-  } = collectionConfig;
-  const loginWithUsername = authOptions.loginWithUsername;
-  // Fetch the data required for the view
-  const data = await getDocumentData({
-    collectionSlug: collectionConfig.slug,
-    locale,
-    payload: req.payload,
-    req,
-    user: req.user
-  });
-  // Get document preferences
-  const docPreferences = await getDocPreferences({
-    collectionSlug: collectionConfig.slug,
-    payload: req.payload,
-    user: req.user
-  });
-  const baseFields = Object.fromEntries(collectionConfig.fields.filter(f => 'name' in f && typeof f.name === 'string').map(f => [f.name, {
-    create: true,
-    read: true,
-    update: true
-  }]));
-  // In create-first-user we should always allow all fields
-  const docPermissionsForForm = {
-    create: true,
-    delete: true,
-    fields: baseFields,
-    read: true,
-    readVersions: true,
-    update: true
-  };
-  // Build initial form state from data
-  const {
-    state: formState
-  } = await buildFormState({
-    collectionSlug: collectionConfig.slug,
-    data,
-    docPermissions: docPermissionsForForm,
-    docPreferences,
-    locale: locale?.code,
-    operation: 'create',
-    renderAllFields: true,
-    req,
-    schemaPath: collectionConfig.slug,
-    skipClientConfigAuth: true,
-    skipValidation: true
-  });
-  return /*#__PURE__*/_jsxs("div", {
-    className: "create-first-user",
-    children: [/*#__PURE__*/_jsx("h1", {
-      children: req.t('general:welcome')
-    }), /*#__PURE__*/_jsx("p", {
-      children: req.t('authentication:beginCreateFirstUser')
-    }), /*#__PURE__*/_jsx(CreateFirstUserClient, {
-      docPermissions: docPermissionsForForm,
-      docPreferences: docPreferences,
-      initialState: formState,
-      loginWithUsername: loginWithUsername,
-      userSlug: userSlug
-    })]
-  });
+import './index.scss';
+export async function CreateFirstUserView({ initPageResult }) {
+    const { locale, req, req: { payload: { collections, config: { admin: { user: userSlug } } } } } = initPageResult;
+    const collectionConfig = collections?.[userSlug]?.config;
+    const { auth: authOptions } = collectionConfig;
+    const loginWithUsername = authOptions.loginWithUsername;
+    // Fetch the data required for the view
+    const data = await getDocumentData({
+        collectionSlug: collectionConfig.slug,
+        locale,
+        payload: req.payload,
+        req,
+        user: req.user
+    });
+    // Get document preferences
+    const docPreferences = await getDocPreferences({
+        collectionSlug: collectionConfig.slug,
+        payload: req.payload,
+        user: req.user
+    });
+    const baseFields = Object.fromEntries(collectionConfig.fields.filter((f)=>'name' in f && typeof f.name === 'string').map((f)=>[
+            f.name,
+            {
+                create: true,
+                read: true,
+                update: true
+            }
+        ]));
+    // In create-first-user we should always allow all fields
+    const docPermissionsForForm = {
+        create: true,
+        delete: true,
+        fields: baseFields,
+        read: true,
+        readVersions: true,
+        update: true
+    };
+    // Build initial form state from data
+    const { state: formState } = await buildFormState({
+        collectionSlug: collectionConfig.slug,
+        data,
+        docPermissions: docPermissionsForForm,
+        docPreferences,
+        locale: locale?.code,
+        operation: 'create',
+        renderAllFields: true,
+        req,
+        schemaPath: collectionConfig.slug,
+        skipClientConfigAuth: true,
+        skipValidation: true
+    });
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "create-first-user",
+        children: [
+            /*#__PURE__*/ _jsxDEV("h1", {
+                children: req.t('general:welcome')
+            }, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.tsx",
+                lineNumber: 82,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("p", {
+                children: req.t('authentication:beginCreateFirstUser')
+            }, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.tsx",
+                lineNumber: 83,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(CreateFirstUserClient, {
+                docPermissions: docPermissionsForForm,
+                docPreferences: docPreferences,
+                initialState: formState,
+                loginWithUsername: loginWithUsername,
+                userSlug: userSlug
+            }, void 0, false, {
+                fileName: "src/views/CreateFirstUser/index.tsx",
+                lineNumber: 84,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/CreateFirstUser/index.tsx",
+        lineNumber: 81,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildFormState","React","getDocPreferences","getDocumentData","CreateFirstUserClient","CreateFirstUserView","initPageResult","locale","req","payload","collections","config","admin","user","userSlug","collectionConfig","auth","authOptions","loginWithUsername","data","collectionSlug","slug","docPreferences","baseFields","Object","fromEntries","fields","filter","f","name","map","create","read","update","docPermissionsForForm","delete","readVersions","state","formState","docPermissions","code","operation","renderAllFields","schemaPath","skipClientConfigAuth","skipValidation","_jsxs","className","_jsx","t","initialState"],"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type {\n  AdminViewServerProps,\n  SanitizedDocumentPermissions,\n  SanitizedFieldsPermissions,\n} from 'payload'\n\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\nimport React from 'react'\n\nimport { getDocPreferences } from '../Document/getDocPreferences.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { CreateFirstUserClient } from './index.client.js'\nimport './index.scss'\n\nexport async function CreateFirstUserView({ initPageResult }: AdminViewServerProps) {\n  const {\n    locale,\n    req,\n    req: {\n      payload: {\n        collections,\n        config: {\n          admin: { user: userSlug },\n        },\n      },\n    },\n  } = initPageResult\n\n  const collectionConfig = collections?.[userSlug]?.config\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n\n  // Fetch the data required for the view\n  const data = await getDocumentData({\n    collectionSlug: collectionConfig.slug,\n    locale,\n    payload: req.payload,\n    req,\n    user: req.user,\n  })\n\n  // Get document preferences\n  const docPreferences = await getDocPreferences({\n    collectionSlug: collectionConfig.slug,\n    payload: req.payload,\n    user: req.user,\n  })\n\n  const baseFields: SanitizedFieldsPermissions = Object.fromEntries(\n    collectionConfig.fields\n      .filter((f): f is { name: string } & typeof f => 'name' in f && typeof f.name === 'string')\n      .map((f) => [f.name, { create: true, read: true, update: true }]),\n  )\n\n  // In create-first-user we should always allow all fields\n  const docPermissionsForForm: SanitizedDocumentPermissions = {\n    create: true,\n    delete: true,\n    fields: baseFields,\n    read: true,\n    readVersions: true,\n    update: true,\n  }\n\n  // Build initial form state from data\n  const { state: formState } = await buildFormState({\n    collectionSlug: collectionConfig.slug,\n    data,\n    docPermissions: docPermissionsForForm,\n    docPreferences,\n    locale: locale?.code,\n    operation: 'create',\n    renderAllFields: true,\n    req,\n    schemaPath: collectionConfig.slug,\n    skipClientConfigAuth: true,\n    skipValidation: true,\n  })\n\n  return (\n    <div className=\"create-first-user\">\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <CreateFirstUserClient\n        docPermissions={docPermissionsForForm}\n        docPreferences={docPreferences}\n        initialState={formState}\n        loginWithUsername={loginWithUsername}\n        userSlug={userSlug}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAMA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,qBAAqB,QAAQ;AAGtC,OAAO,eAAeC,oBAAoB;EAAEC;AAAc,CAAwB;EAChF,MAAM;IACJC,MAAM;IACNC,GAAG;IACHA,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,WAAW;QACXC,MAAA,EAAQ;UACNC,KAAA,EAAO;YAAEC,IAAA,EAAMC;UAAQ;QAAE;MAC1B;IACF;EACF,CACF,GAAGR,cAAA;EAEJ,MAAMS,gBAAA,GAAmBL,WAAA,GAAcI,QAAA,CAAS,EAAEH,MAAA;EAClD,MAAM;IAAEK,IAAA,EAAMC;EAAW,CAAE,GAAGF,gBAAA;EAC9B,MAAMG,iBAAA,GAAoBD,WAAA,CAAYC,iBAAiB;EAEvD;EACA,MAAMC,IAAA,GAAO,MAAMhB,eAAA,CAAgB;IACjCiB,cAAA,EAAgBL,gBAAA,CAAiBM,IAAI;IACrCd,MAAA;IACAE,OAAA,EAASD,GAAA,CAAIC,OAAO;IACpBD,GAAA;IACAK,IAAA,EAAML,GAAA,CAAIK;EACZ;EAEA;EACA,MAAMS,cAAA,GAAiB,MAAMpB,iBAAA,CAAkB;IAC7CkB,cAAA,EAAgBL,gBAAA,CAAiBM,IAAI;IACrCZ,OAAA,EAASD,GAAA,CAAIC,OAAO;IACpBI,IAAA,EAAML,GAAA,CAAIK;EACZ;EAEA,MAAMU,UAAA,GAAyCC,MAAA,CAAOC,WAAW,CAC/DV,gBAAA,CAAiBW,MAAM,CACpBC,MAAM,CAAEC,CAAA,IAAwC,UAAUA,CAAA,IAAK,OAAOA,CAAA,CAAEC,IAAI,KAAK,UACjFC,GAAG,CAAEF,CAAA,IAAM,CAACA,CAAA,CAAEC,IAAI,EAAE;IAAEE,MAAA,EAAQ;IAAMC,IAAA,EAAM;IAAMC,MAAA,EAAQ;EAAK,EAAE;EAGpE;EACA,MAAMC,qBAAA,GAAsD;IAC1DH,MAAA,EAAQ;IACRI,MAAA,EAAQ;IACRT,MAAA,EAAQH,UAAA;IACRS,IAAA,EAAM;IACNI,YAAA,EAAc;IACdH,MAAA,EAAQ;EACV;EAEA;EACA,MAAM;IAAEI,KAAA,EAAOC;EAAS,CAAE,GAAG,MAAMtC,cAAA,CAAe;IAChDoB,cAAA,EAAgBL,gBAAA,CAAiBM,IAAI;IACrCF,IAAA;IACAoB,cAAA,EAAgBL,qBAAA;IAChBZ,cAAA;IACAf,MAAA,EAAQA,MAAA,EAAQiC,IAAA;IAChBC,SAAA,EAAW;IACXC,eAAA,EAAiB;IACjBlC,GAAA;IACAmC,UAAA,EAAY5B,gBAAA,CAAiBM,IAAI;IACjCuB,oBAAA,EAAsB;IACtBC,cAAA,EAAgB;EAClB;EAEA,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAAC;gBAAIxC,GAAA,CAAIyC,CAAC,CAAC;qBACXD,IAAA,CAAC;gBAAGxC,GAAA,CAAIyC,CAAC,CAAC;qBACVD,IAAA,CAAC5C,qBAAA;MACCmC,cAAA,EAAgBL,qBAAA;MAChBZ,cAAA,EAAgBA,cAAA;MAChB4B,YAAA,EAAcZ,SAAA;MACdpB,iBAAA,EAAmBA,iBAAA;MACnBJ,QAAA,EAAUA;;;AAIlB","ignoreList":[]}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type {\n  AdminViewServerProps,\n  SanitizedDocumentPermissions,\n  SanitizedFieldsPermissions,\n} from 'payload'\n\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\nimport React from 'react'\n\nimport { getDocPreferences } from '../Document/getDocPreferences.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { CreateFirstUserClient } from './index.client.js'\nimport './index.scss'\n\nexport async function CreateFirstUserView({ initPageResult }: AdminViewServerProps) {\n  const {\n    locale,\n    req,\n    req: {\n      payload: {\n        collections,\n        config: {\n          admin: { user: userSlug },\n        },\n      },\n    },\n  } = initPageResult\n\n  const collectionConfig = collections?.[userSlug]?.config\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n\n  // Fetch the data required for the view\n  const data = await getDocumentData({\n    collectionSlug: collectionConfig.slug,\n    locale,\n    payload: req.payload,\n    req,\n    user: req.user,\n  })\n\n  // Get document preferences\n  const docPreferences = await getDocPreferences({\n    collectionSlug: collectionConfig.slug,\n    payload: req.payload,\n    user: req.user,\n  })\n\n  const baseFields: SanitizedFieldsPermissions = Object.fromEntries(\n    collectionConfig.fields\n      .filter((f): f is { name: string } & typeof f => 'name' in f && typeof f.name === 'string')\n      .map((f) => [f.name, { create: true, read: true, update: true }]),\n  )\n\n  // In create-first-user we should always allow all fields\n  const docPermissionsForForm: SanitizedDocumentPermissions = {\n    create: true,\n    delete: true,\n    fields: baseFields,\n    read: true,\n    readVersions: true,\n    update: true,\n  }\n\n  // Build initial form state from data\n  const { state: formState } = await buildFormState({\n    collectionSlug: collectionConfig.slug,\n    data,\n    docPermissions: docPermissionsForForm,\n    docPreferences,\n    locale: locale?.code,\n    operation: 'create',\n    renderAllFields: true,\n    req,\n    schemaPath: collectionConfig.slug,\n    skipClientConfigAuth: true,\n    skipValidation: true,\n  })\n\n  return (\n    <div className=\"create-first-user\">\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <CreateFirstUserClient\n        docPermissions={docPermissionsForForm}\n        docPreferences={docPreferences}\n        initialState={formState}\n        loginWithUsername={loginWithUsername}\n        userSlug={userSlug}\n      />\n    </div>\n  )\n}\n"],"names":["buildFormState","React","getDocPreferences","getDocumentData","CreateFirstUserClient","CreateFirstUserView","initPageResult","locale","req","payload","collections","config","admin","user","userSlug","collectionConfig","auth","authOptions","loginWithUsername","data","collectionSlug","slug","docPreferences","baseFields","Object","fromEntries","fields","filter","f","name","map","create","read","update","docPermissionsForForm","delete","readVersions","state","formState","docPermissions","code","operation","renderAllFields","schemaPath","skipClientConfigAuth","skipValidation","div","className","h1","t","p","initialState"],"mappings":";AAMA,SAASA,cAAc,QAAQ,0CAAyC;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,iBAAiB,QAAQ,mCAAkC;AACpE,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,qBAAqB,QAAQ,oBAAmB;AACzD,OAAO,eAAc;AAErB,OAAO,eAAeC,oBAAoB,EAAEC,cAAc,EAAwB;IAChF,MAAM,EACJC,MAAM,EACNC,GAAG,EACHA,KAAK,EACHC,SAAS,EACPC,WAAW,EACXC,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EAC1B,EACF,EACF,EACF,GAAGR;IAEJ,MAAMS,mBAAmBL,aAAa,CAACI,SAAS,EAAEH;IAClD,MAAM,EAAEK,MAAMC,WAAW,EAAE,GAAGF;IAC9B,MAAMG,oBAAoBD,YAAYC,iBAAiB;IAEvD,uCAAuC;IACvC,MAAMC,OAAO,MAAMhB,gBAAgB;QACjCiB,gBAAgBL,iBAAiBM,IAAI;QACrCd;QACAE,SAASD,IAAIC,OAAO;QACpBD;QACAK,MAAML,IAAIK,IAAI;IAChB;IAEA,2BAA2B;IAC3B,MAAMS,iBAAiB,MAAMpB,kBAAkB;QAC7CkB,gBAAgBL,iBAAiBM,IAAI;QACrCZ,SAASD,IAAIC,OAAO;QACpBI,MAAML,IAAIK,IAAI;IAChB;IAEA,MAAMU,aAAyCC,OAAOC,WAAW,CAC/DV,iBAAiBW,MAAM,CACpBC,MAAM,CAAC,CAACC,IAAwC,UAAUA,KAAK,OAAOA,EAAEC,IAAI,KAAK,UACjFC,GAAG,CAAC,CAACF,IAAM;YAACA,EAAEC,IAAI;YAAE;gBAAEE,QAAQ;gBAAMC,MAAM;gBAAMC,QAAQ;YAAK;SAAE;IAGpE,yDAAyD;IACzD,MAAMC,wBAAsD;QAC1DH,QAAQ;QACRI,QAAQ;QACRT,QAAQH;QACRS,MAAM;QACNI,cAAc;QACdH,QAAQ;IACV;IAEA,qCAAqC;IACrC,MAAM,EAAEI,OAAOC,SAAS,EAAE,GAAG,MAAMtC,eAAe;QAChDoB,gBAAgBL,iBAAiBM,IAAI;QACrCF;QACAoB,gBAAgBL;QAChBZ;QACAf,QAAQA,QAAQiC;QAChBC,WAAW;QACXC,iBAAiB;QACjBlC;QACAmC,YAAY5B,iBAAiBM,IAAI;QACjCuB,sBAAsB;QACtBC,gBAAgB;IAClB;IAEA,qBACE,QAACC;QAAIC,WAAU;;0BACb,QAACC;0BAAIxC,IAAIyC,CAAC,CAAC;;;;;;0BACX,QAACC;0BAAG1C,IAAIyC,CAAC,CAAC;;;;;;0BACV,QAAC7C;gBACCmC,gBAAgBL;gBAChBZ,gBAAgBA;gBAChB6B,cAAcb;gBACdpB,mBAAmBA;gBACnBJ,UAAUA;;;;;;;;;;;;AAIlB"}

package/dist/views/CreateFirstUser/index.scss

@@ -0,0 +1,21 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .create-first-user {
+    display: flex;
+    flex-direction: column;
+    gap: base(0.4);
+
+    > form > .field-type {
+      margin-bottom: var(--base);
+
+      & .form-submit {
+        margin: 0;
+      }
+    }
+  }
+
+  .emailAndUsername {
+    margin-bottom: var(--base);
+  }
+}