@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.40de3ec

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

@@ -0,0 +1,18 @@
+import type { AdminViewServerProps, ListQuery } from 'payload';
+import type React from 'react';
+type RenderTrashViewArgs = {
+    customCellProps?: Record<string, any>;
+    disableBulkDelete?: boolean;
+    disableBulkEdit?: boolean;
+    disableQueryPresets?: boolean;
+    drawerSlug?: string;
+    enableRowSelections: boolean;
+    overrideEntityVisibility?: boolean;
+    query: ListQuery;
+    redirectAfterDelete?: boolean;
+    redirectAfterDuplicate?: boolean;
+    redirectAfterRestore?: boolean;
+} & AdminViewServerProps;
+export declare const TrashView: React.FC<Omit<RenderTrashViewArgs, 'enableRowSelections'>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CollectionTrash/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,mBAAmB,GAAG;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,KAAK,EAAE,SAAS,CAAA;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,GAAG,oBAAoB,CAAA;AAExB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,CAkBhF,CAAA"}

package/dist/views/CollectionTrash/index.js

@@ -0,0 +1,20 @@
+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') {
+      args.initPageResult.req.server.notFound();
+    }
+    console.error(error); // eslint-disable-line no-console
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["renderListView","TrashView","args","List","TrashList","enableRowSelections","trash","viewType","error","message","initPageResult","req","server","notFound","console"],"sources":["../../../src/views/CollectionTrash/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, ListQuery } from 'payload'\nimport type React from 'react'\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      args.initPageResult.req.server.notFound()\n    }\n    console.error(error) // eslint-disable-line no-console\n  }\n}\n"],"mappings":"AAGA,SAASA,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;MACjCP,IAAA,CAAKQ,cAAc,CAACC,GAAG,CAACC,MAAM,CAACC,QAAQ;IACzC;IACAC,OAAA,CAAQN,KAAK,CAACA,KAAA,GAAO;EACvB;AACF","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import type { DocumentPreferences, FormState, LoginWithUsernameOptions, SanitizedDocumentPermissions } from 'payload';
+import React from 'react';
+export declare const CreateFirstUserClient: React.FC<{
+    docPermissions: SanitizedDocumentPermissions;
+    docPreferences: DocumentPreferences;
+    initialState: FormState;
+    loginWithUsername?: false | LoginWithUsernameOptions;
+    userSlug: string;
+}>;
+//# sourceMappingURL=index.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EACT,wBAAwB,EACxB,4BAA4B,EAC7B,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAoB,MAAM,OAAO,CAAA;AAmBxC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,cAAc,EAAE,4BAA4B,CAAA;IAC5C,cAAc,EAAE,mBAAmB,CAAA;IACnC,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CA0GA,CAAA"}

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

@@ -0,0 +1,128 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL } from 'payload/shared';
+import React, { useEffect } from 'react';
+import { EmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js';
+import { ConfirmPasswordField } from '../../fields/ConfirmPassword/index.js';
+import { PasswordField } from '../../fields/Password/index.js';
+import { Form } from '../../forms/Form/index.js';
+import { RenderFields } from '../../forms/RenderFields/index.js';
+import { FormSubmit } from '../../forms/Submit/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js';
+const baseClass = 'create-first-user__form';
+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
+    });
+    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);
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(Form, {
+    action: formatAdminURL({
+      apiRoute,
+      path: `/${userSlug}/first-register`
+    }),
+    className: baseClass,
+    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__*/_jsxs("div", {
+      className: `${baseClass}__inputWrap`,
+      children: [/*#__PURE__*/_jsx(EmailAndUsernameFields, {
+        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("div", {
+      className: `${baseClass}__actions`,
+      children: /*#__PURE__*/_jsx(FormSubmit, {
+        size: "large",
+        children: t('authentication:createUser')
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["formatAdminURL","React","useEffect","EmailAndUsernameFields","ConfirmPasswordField","PasswordField","Form","RenderFields","FormSubmit","useAuth","useConfig","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","baseClass","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","className","valid","value","method","onSuccess","redirect","validationOperation","_jsx","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 {\n  DocumentPreferences,\n  FormState,\n  LoginWithUsernameOptions,\n  SanitizedDocumentPermissions,\n} from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\nimport type { UserWithToken } from '../../providers/Auth/index.js'\n\nimport { EmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js'\nimport { ConfirmPasswordField } from '../../fields/ConfirmPassword/index.js'\nimport { PasswordField } from '../../fields/Password/index.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\n\nconst baseClass = 'create-first-user__form'\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      className={baseClass}\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      <div className={`${baseClass}__inputWrap`}>\n        <EmailAndUsernameFields\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      </div>\n      <div className={`${baseClass}__actions`}>\n        <FormSubmit size=\"large\">{t('authentication:createUser')}</FormSubmit>\n      </div>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/CreateFirstUser/index.css

@@ -0,0 +1,69 @@
+@layer payload-default {
+  .create-first-user {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-5);
+    align-items: center;
+    width: 100%;
+  }
+
+  .create-first-user__header {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    align-items: center;
+    text-align: center;
+    width: 100%;
+  }
+
+  .create-first-user__header h1 {
+    margin: 0;
+    font-family: var(--text-heading-large-font-family);
+    font-size: var(--text-heading-large-font-size);
+    font-weight: var(--text-heading-large-font-weight);
+    line-height: var(--text-heading-large-line-height);
+    letter-spacing: var(--text-heading-large-letter-spacing);
+    color: var(--color-text);
+  }
+
+  .create-first-user__header p {
+    margin: 0;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    color: var(--color-text-secondary);
+  }
+
+  .create-first-user__form {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-5);
+    width: 100%;
+  }
+
+  .create-first-user__form__inputWrap {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+  }
+
+  .create-first-user__form__actions {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    align-items: center;
+    width: 100%;
+  }
+
+  .create-first-user__form__actions .form-submit {
+    width: 100%;
+  }
+
+  .create-first-user__form__actions .form-submit .btn {
+    width: 100%;
+    height: var(--spacer-4);
+    justify-content: center;
+  }
+}

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

@@ -0,0 +1,5 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+import './index.css';
+export declare function CreateFirstUserView({ initPageResult }: AdminViewServerProps): Promise<React.JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAGrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,mBAAmB,CAAC,EAAE,cAAc,EAAE,EAAE,oBAAoB,8BAgFjF"}

package/dist/views/CreateFirstUser/index.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
+import { CreateFirstUserClient } from '../../exports/client/index.js';
+import { buildFormState } from '../../utilities/buildFormState.js';
+import { getDocPreferences } from '../../utilities/getDocPreferences.js';
+import { getDocumentData } from '../../utilities/getDocumentData.js';
+import './index.css';
+const baseClass = 'create-first-user';
+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: baseClass,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__header`,
+      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
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","CreateFirstUserClient","buildFormState","getDocPreferences","getDocumentData","baseClass","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 React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { CreateFirstUserClient } from '../../exports/client/index.js'\nimport { buildFormState } from '../../utilities/buildFormState.js'\nimport { getDocPreferences } from '../../utilities/getDocPreferences.js'\nimport { getDocumentData } from '../../utilities/getDocumentData.js'\nimport './index.css'\n\nconst baseClass = 'create-first-user'\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={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h1>{req.t('general:welcome')}</h1>\n        <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      </div>\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,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,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,MAAMrC,cAAA,CAAe;IAChDmB,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,EAAW3C,SAAA;4BACd0C,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG3C,SAAA,UAAmB;8BACpC4C,IAAA,CAAC;kBAAIxC,GAAA,CAAIyC,CAAC,CAAC;uBACXD,IAAA,CAAC;kBAAGxC,GAAA,CAAIyC,CAAC,CAAC;;qBAEZD,IAAA,CAAChD,qBAAA;MACCuC,cAAA,EAAgBL,qBAAA;MAChBZ,cAAA,EAAgBA,cAAA;MAChB4B,YAAA,EAAcZ,SAAA;MACdpB,iBAAA,EAAmBA,iBAAA;MACnBJ,QAAA,EAAUA;;;AAIlB","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import type { GenerateViewMetadata } from 'payload';
+export declare const generateCreateFirstUserMetadata: GenerateViewMetadata;
+//# sourceMappingURL=metadata.d.ts.map

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

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

package/dist/views/CreateFirstUser/metadata.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","names":["formatMetadata","generateCreateFirstUserMetadata","config","i18n","t","description","keywords","serverURL","title","admin","meta"],"sources":["../../../src/views/CreateFirstUser/metadata.ts"],"sourcesContent":["import type { GenerateViewMetadata } from 'payload'\n\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\nexport const generateCreateFirstUserMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) =>\n  formatMetadata({\n    description: t('authentication:createFirstUser'),\n    keywords: t('general:create'),\n    serverURL: config.serverURL,\n    title: t('authentication:createFirstUser'),\n    ...(config.admin.meta || {}),\n  })\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAE/B,OAAO,MAAMC,+BAAA,GAAwD,MAAAA,CAAO;EAC1EC,MAAM;EACNC,IAAA,EAAM;IAAEC;EAAC;AAAE,CACZ,KACCJ,cAAA,CAAe;EACbK,WAAA,EAAaD,CAAA,CAAE;EACfE,QAAA,EAAUF,CAAA,CAAE;EACZG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;AAC7B","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/DashboardStepNav.d.ts

@@ -0,0 +1,19 @@
+import type { ClientWidget } from 'payload';
+export declare function DashboardStepNav({ addWidget, cancel, isEditing, resetLayout, saveLayout, setIsEditing, widgets, }: {
+    addWidget: (slug: string) => void;
+    cancel: () => void;
+    isEditing: boolean;
+    resetLayout: () => Promise<void>;
+    saveLayout: () => Promise<void>;
+    setIsEditing: (isEditing: boolean) => void;
+    widgets: ClientWidget[];
+}): import("react").JSX.Element;
+export declare function DashboardBreadcrumbDropdown(props: {
+    isEditing: boolean;
+    onCancel: () => void;
+    onEditClick: () => void;
+    onResetLayout: () => void;
+    onSaveChanges: () => void;
+    widgetsDrawerSlug: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=DashboardStepNav.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/DashboardStepNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardStepNav.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAa3C,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,GACR,EAAE;IACD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,+BAoCA;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,+BAmEA"}