@payloadcms/ui 4.0.0-canary.0 → 4.0.0-canary.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","qs","Fragment","useCallback","toast","Button","ConfirmationModal","useModal","useConfig","useTranslation","confirmResetModalSlug","ResetPreferences","t0","$","user","openModal","t","config","t1","routes","t2","api","apiRoute","t3","stringifiedQuery","stringify","depth","where","equals","id","addQueryPrefix","res","fetch","path","credentials","headers","method","json","message","ok","success","error","t4","_err","handleResetPreferences","t5","_jsxs","children","_jsx","className","buttonStyle","onClick","body","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/views/Account/ResetPreferences/index.tsx"],"sourcesContent":["'use client'\nimport type { TypedUser } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst confirmResetModalSlug = 'confirm-reset-modal'\n\nexport const ResetPreferences: React.FC<{\n  readonly user?: TypedUser\n}> = ({ user }) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const handleResetPreferences = useCallback(async () => {\n    if (!user) {\n      return\n    }\n\n    const stringifiedQuery = qs.stringify(\n      {\n        depth: 0,\n        where: {\n          'user.value': {\n            equals: user.id,\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    try {\n      const res = await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/payload-preferences${stringifiedQuery}`,\n        }),\n        {\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'DELETE',\n        },\n      )\n\n      const json = await res.json()\n      const message = json.message\n\n      if (res.ok) {\n        toast.success(message)\n      } else {\n        toast.error(message)\n      }\n    } catch (_err) {\n      // swallow error\n    }\n  }, [apiRoute, user])\n\n  return (\n    <Fragment>\n      <div className=\"payload-reset-preferences\">\n        <Button buttonStyle=\"secondary\" onClick={() => openModal(confirmResetModalSlug)}>\n          {t('general:resetPreferences')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={t('general:resetPreferencesDescription')}\n        confirmingLabel={t('general:resettingPreferences')}\n        heading={t('general:resetPreferences')}\n        modalSlug={confirmResetModalSlug}\n        onConfirm={handleResetPreferences}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,SAASC,QAAQ,EAAEC,WAAW,QAAQ;AACtC,SAASC,KAAK,QAAQ;AAEtB,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,qBAAA,GAAwB;AAE9B,OAAO,MAAMC,gBAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe;EAAA,IAAAF,EAAQ;EACZ;IAAAG;EAAA,IAAsBR,QAAA;EACtB;IAAAS;EAAA,IAAcP,cAAA;EACd;IAAAQ,MAAA,EAAAC;EAAA,IAIIV,SAAA;EAHM;IAAAW,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,GAAA,EAAAC;EAAA,IAAAF,EAAiB;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAC,IAAA;IAIcS,EAAA,SAAAA,CAAA;MAAA,KACpCT,IAAA;QAAA;MAAA;MAIL,MAAAU,gBAAA,GAAyBvB,EAAA,CAAAwB,SAAA;QAAAC,KAAA;QAAAC,KAAA;UAAA;YAAAC,MAAA,EAKTd,IAAA,CAAAe;UAAA;QAAA;MAAA;QAAAC,cAAA;MAAA,CAIS;MAAA;MAAA;QAIvB,MAAAC,GAAA,SAAkBC,KAAA,CAChBhC,cAAA;UAAAsB,QAAA;UAAAW,IAAA,EAEQ,uBAAuBT,gBAAA;QAAkB,CACjD;UAAAU,WAAA,EAEe;UAAAC,OAAA;YAAA,gBAEK;UAAA;UAAAC,MAAA,EAEV;QAAA,CACV;QAGF,MAAAC,IAAA,SAAmBN,GAAA,CAAAM,IAAA,CAAQ;QAC3B,MAAAC,OAAA,GAAgBD,IAAA,CAAAC,OAAA;QAAY,IAExBP,GAAA,CAAAQ,EAAA;UACFnC,KAAA,CAAAoC,OAAA,CAAcF,OAAA;QAAA;UAEdlC,KAAA,CAAAqC,KAAA,CAAYH,OAAA;QAAA;MAAA,SAAAI,EAAA;QAEPC,KAAA,CAAAA,IAAA,CAAAA,CAAA,CAAAA,EAAA;MAAA;IAAA;IAGX9B,CAAA,MAAAS,QAAA;IAAAT,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EA3CA,MAAA+B,sBAAA,GAA+BrB,EA2CZ;EAAA,IAAAmB,EAAA;EAAA,IAAA7B,CAAA,QAAAE,SAAA;IAK4B2B,EAAA,GAAAA,CAAA,KAAM3B,SAAA,CAAAL,qBAAU;IAAAA,CAAA,MAAAA,SAAA;IAAAA,CAAA,MAAAA,EAAA;EAAA;IAAAA,EAAA,GAAAA,CAAA;EAAA;EAAA,IAAAA,EAAA;EAAA,IAAAA,CAAA,QAAAA,sBAAA,IAAAA,CAAA,QAAAA,CAAA,IAAAA,CAAA,QAAAA,EAAA;IAF7DmC,EAAA,GAAAC,KAAA,CAAA5C,QAAA;MAAA6C,QAAA,GACEC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAF,QAAA,EACbC,IAAA,CAAA3C,MAAA;UAAA6C,WAAA,EAAoB;UAAAC,OAAA,EAAqBT,EAAgB;UAAAhC,QAAA,EACtDM,CAAA,CAAE;QAAA,C;UAGPgC,IAAA,CAAA1C,iBAAA;QAAA8C,IAAA,EACQpC,CAAA,CAAE;QAAAqC,eAAA,EACSrC,CAAA,CAAE;QAAAsC,OAAA,EACVtC,CAAA,CAAE;QAAAuC,SAAA,EAAA7C,qBAAA;QAAA8C,SAAA,EAEAZ;MAAA,C;;;;;;;;;SAXfC,E;CAeJ","ignoreList":[]}

package/dist/views/Account/Settings/LanguageSelector.d.ts

@@ -0,0 +1,6 @@
+import type { LanguageOptions } from 'payload';
+import React from 'react';
+export declare const LanguageSelector: React.FC<{
+    languageOptions: LanguageOptions;
+}>;
+//# sourceMappingURL=LanguageSelector.d.ts.map

package/dist/views/Account/Settings/LanguageSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,eAAe,EAAE,eAAe,CAAA;CACjC,CAgBA,CAAA"}

package/dist/views/Account/Settings/LanguageSelector.js

@@ -0,0 +1,53 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ReactSelect } from '../../../elements/ReactSelect/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+export const LanguageSelector = props => {
+  const $ = _c(8);
+  const {
+    languageOptions
+  } = props;
+  const {
+    i18n,
+    switchLanguage
+  } = useTranslation();
+  let t0;
+  if ($[0] !== switchLanguage) {
+    t0 = async option => {
+      await switchLanguage(option.value);
+    };
+    $[0] = switchLanguage;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== i18n || $[3] !== languageOptions || $[4] !== t0) {
+    let t2;
+    if ($[6] !== i18n) {
+      t2 = language => language.value === i18n.language;
+      $[6] = i18n;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    t1 = _jsx(ReactSelect, {
+      inputId: "language-select",
+      isClearable: false,
+      onChange: t0,
+      options: languageOptions,
+      value: languageOptions.find(t2)
+    });
+    $[2] = i18n;
+    $[3] = languageOptions;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+//# sourceMappingURL=LanguageSelector.js.map

package/dist/views/Account/Settings/LanguageSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.js","names":["c","_c","React","ReactSelect","useTranslation","LanguageSelector","props","$","languageOptions","i18n","switchLanguage","t0","option","value","t1","t2","language","_jsx","inputId","isClearable","onChange","options","find"],"sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"sourcesContent":["'use client'\nimport type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { LanguageOptions } from 'payload'\n\nimport React from 'react'\n\nimport type { Option as ReactSelectOption } from '../../../elements/ReactSelect/index.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const LanguageSelector: React.FC<{\n  languageOptions: LanguageOptions\n}> = (props) => {\n  const { languageOptions } = props\n\n  const { i18n, switchLanguage } = useTranslation()\n\n  return (\n    <ReactSelect\n      inputId=\"language-select\"\n      isClearable={false}\n      onChange={async (option: ReactSelectOption<AcceptedLanguages>) => {\n        await switchLanguage(option.value)\n      }}\n      options={languageOptions}\n      value={languageOptions.find((language) => language.value === i18n.language)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,gBAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAA4BF,KAAA;EAE5B;IAAAG,IAAA;IAAAC;EAAA,IAAiCN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAG,cAAA;IAMnBC,EAAA,SAAAC,MAAA;MAAA,MACFF,cAAA,CAAeE,MAAA,CAAAC,KAAY;IAAA;IACnCN,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAI,EAAA;IAAA,IAAAI,EAAA;IAAA,IAAAR,CAAA,QAAAE,IAAA;MAE4BM,EAAA,GAAAC,QAAA,IAAcA,QAAA,CAAAH,KAAA,KAAmBJ,IAAA,CAAAO,QAAa;MAAAT,CAAA,MAAAE,IAAA;MAAAF,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAP5EO,EAAA,GAAAG,IAAA,CAAAd,WAAA;MAAAe,OAAA,EACU;MAAAC,WAAA;MAAAC,QAAA,EAEET,EAEV;MAAAU,OAAA,EACSb,eAAA;MAAAK,KAAA,EACFL,eAAA,CAAAc,IAAA,CAAqBP,EAA8C;IAAA,C;;;;;;;;SAP5ED,E;CAUJ","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+@layer payload-default {
+  .payload-settings::before,
+  .payload-settings::after {
+    /* Section separator */
+    content: '';
+    display: block;
+    height: var(--stroke-width-small);
+    background: var(--color-border);
+    width: calc(100% + calc(var(--gutter-h) * 2));
+    left: calc(var(--gutter-h) * -1);
+    top: 0;
+    position: absolute;
+  }
+
+  .payload-settings {
+    position: relative;
+    margin-block-start: var(--spacer-6);
+    margin-block-end: var(--spacer-6);
+    padding-block-start: var(--spacer-6);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-field);
+
+    .payload-reset-preferences {
+      margin-block-start: var(--spacer-2);
+    }
+  }
+
+  .payload-settings__language,
+  .payload-settings__theme {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+  }
+
+  .payload-settings h3 {
+    margin: 0;
+    font-size: var(--text-heading-medium-font-size);
+    font-weight: var(--text-heading-medium-font-weight);
+    line-height: var(--text-heading-medium-line-height);
+    letter-spacing: var(--text-heading-medium-letter-spacing);
+  }
+}

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

@@ -0,0 +1,13 @@
+import type { I18n } from '@payloadcms/translations';
+import type { BasePayload, Config, LanguageOptions, TypedUser } from 'payload';
+import React from 'react';
+import './index.css';
+export declare const Settings: React.FC<{
+    readonly className?: string;
+    readonly i18n: I18n;
+    readonly languageOptions: LanguageOptions;
+    readonly payload: BasePayload;
+    readonly theme: Config['admin']['theme'];
+    readonly user?: TypedUser;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/Settings/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;IACnB,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAC1B,CAeA,CAAA"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */
+import { FieldLabel, AccountLanguageSelector as LanguageSelector, AccountResetPreferences as ResetPreferences, AccountToggleHighContrast as ToggleHighContrast, AccountToggleTheme as ToggleTheme } from '../../../exports/client/index.js';
+/* eslint-enable payload/no-imports-from-exports-dir */
+import './index.css';
+const baseClass = 'payload-settings';
+export const Settings = props => {
+  const {
+    className,
+    i18n,
+    languageOptions,
+    theme,
+    user
+  } = props;
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx("h3", {
+      children: i18n.t('general:payloadSettings')
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__language`,
+      children: [/*#__PURE__*/_jsx(FieldLabel, {
+        htmlFor: "language-select",
+        label: i18n.t('general:language')
+      }), /*#__PURE__*/_jsx(LanguageSelector, {
+        languageOptions: languageOptions
+      })]
+    }), theme === 'all' && /*#__PURE__*/_jsx(ToggleTheme, {}), /*#__PURE__*/_jsx(ToggleHighContrast, {}), /*#__PURE__*/_jsx(ResetPreferences, {
+      user: user
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","FieldLabel","AccountLanguageSelector","LanguageSelector","AccountResetPreferences","ResetPreferences","AccountToggleHighContrast","ToggleHighContrast","AccountToggleTheme","ToggleTheme","baseClass","Settings","props","className","i18n","languageOptions","theme","user","_jsxs","filter","Boolean","join","_jsx","t","htmlFor","label"],"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { BasePayload, Config, LanguageOptions, TypedUser } from 'payload'\n\nimport React from 'react'\n\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  FieldLabel,\n  AccountLanguageSelector as LanguageSelector,\n  AccountResetPreferences as ResetPreferences,\n  AccountToggleHighContrast as ToggleHighContrast,\n  AccountToggleTheme as ToggleTheme,\n} from '../../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport './index.css'\n\nconst baseClass = 'payload-settings'\n\nexport const Settings: React.FC<{\n  readonly className?: string\n  readonly i18n: I18n\n  readonly languageOptions: LanguageOptions\n  readonly payload: BasePayload\n  readonly theme: Config['admin']['theme']\n  readonly user?: TypedUser\n}> = (props) => {\n  const { className, i18n, languageOptions, theme, user } = props\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h3>{i18n.t('general:payloadSettings')}</h3>\n      <div className={`${baseClass}__language`}>\n        <FieldLabel htmlFor=\"language-select\" label={i18n.t('general:language')} />\n        <LanguageSelector languageOptions={languageOptions} />\n      </div>\n      {theme === 'all' && <ToggleTheme />}\n      <ToggleHighContrast />\n      <ResetPreferences user={user} />\n    </div>\n  )\n}\n"],"mappings":";AAGA,OAAOA,KAAA,MAAW;AAElB;AACA,SACEC,UAAU,EACVC,uBAAA,IAA2BC,gBAAgB,EAC3CC,uBAAA,IAA2BC,gBAAgB,EAC3CC,yBAAA,IAA6BC,kBAAkB,EAC/CC,kBAAA,IAAsBC,WAAW,QAC5B;AACP;AACA,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,eAAe;IAAEC,KAAK;IAAEC;EAAI,CAAE,GAAGL,KAAA;EAE1D,oBACEM,KAAA,CAAC;IAAIL,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAAC;gBAAIR,IAAA,CAAKS,CAAC,CAAC;qBACZL,KAAA,CAAC;MAAIL,SAAA,EAAW,GAAGH,SAAA,YAAqB;8BACtCY,IAAA,CAACrB,UAAA;QAAWuB,OAAA,EAAQ;QAAkBC,KAAA,EAAOX,IAAA,CAAKS,CAAC,CAAC;uBACpDD,IAAA,CAACnB,gBAAA;QAAiBY,eAAA,EAAiBA;;QAEpCC,KAAA,KAAU,sBAASM,IAAA,CAACb,WAAA,O,aACrBa,IAAA,CAACf,kBAAA,O,aACDe,IAAA,CAACjB,gBAAA;MAAiBY,IAAA,EAAMA;;;AAG9B","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,47 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { CheckboxInput } from '../../../fields/Checkbox/index.js';
+import { useTheme } from '../../../providers/Theme/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+export const ToggleHighContrast = () => {
+  const $ = _c(6);
+  const {
+    highContrastMode,
+    setHighContrastMode
+  } = useTheme();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== setHighContrastMode) {
+    t0 = event => {
+      setHighContrastMode(event.target.checked);
+    };
+    $[0] = setHighContrastMode;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onToggle = t0;
+  let t1;
+  if ($[2] !== highContrastMode || $[3] !== onToggle || $[4] !== t) {
+    t1 = _jsx(CheckboxInput, {
+      checked: highContrastMode,
+      id: "field-highContrastMode",
+      label: t("general:enhancedContrastMode"),
+      name: "highContrastMode",
+      onToggle
+    });
+    $[2] = highContrastMode;
+    $[3] = onToggle;
+    $[4] = t;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","CheckboxInput","useTheme","useTranslation","ToggleHighContrast","$","highContrastMode","setHighContrastMode","t","t0","event","target","checked","onToggle","t1","_jsx","id","label","name"],"sources":["../../../../src/views/Account/ToggleHighContrast/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const ToggleHighContrast: React.FC = () => {\n  const { highContrastMode, setHighContrastMode } = useTheme()\n  const { t } = useTranslation()\n\n  const onToggle = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setHighContrastMode(event.target.checked)\n    },\n    [setHighContrastMode],\n  )\n\n  return (\n    <CheckboxInput\n      checked={highContrastMode}\n      id=\"field-highContrastMode\"\n      label={t('general:enhancedContrastMode')}\n      name=\"highContrastMode\"\n      onToggle={onToggle}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,kBAAA,GAA+BA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC1C;IAAAQ,gBAAA;IAAAC;EAAA,IAAkDL,QAAA;EAClD;IAAAM;EAAA,IAAcL,cAAA;EAAA,IAAAM,EAAA;EAAA,IAAAJ,CAAA,QAAAE,mBAAA;IAGZE,EAAA,GAAAC,KAAA;MACEH,mBAAA,CAAoBG,KAAA,CAAAC,MAAA,CAAAC,OAAoB;IAAA;IAC1CP,CAAA,MAAAE,mBAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAHF,MAAAQ,QAAA,GAAiBJ,EAIM;EAAA,IAAAK,EAAA;EAAA,IAAAT,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAG,CAAA;IAIrBM,EAAA,GAAAC,IAAA,CAAAd,aAAA;MAAAW,OAAA,EACWN,gBAAA;MAAAU,EAAA,EACN;MAAAC,KAAA,EACIT,CAAA,CAAE;MAAAU,IAAA,EACJ;MAAAL;IAAA,C;;;;;;;;SAJPC,E;CAQJ","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAA;AASnD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAkC/B,CAAA"}

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

@@ -0,0 +1,46 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { ReactSelect } from '../../../elements/ReactSelect/index.js';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { useTheme } from '../../../providers/Theme/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+export const ToggleTheme = () => {
+  const {
+    autoMode,
+    setTheme,
+    theme
+  } = useTheme();
+  const {
+    t
+  } = useTranslation();
+  const options = useMemo(() => [{
+    label: t('general:automatic'),
+    value: 'auto'
+  }, {
+    label: t('general:light'),
+    value: 'light'
+  }, {
+    label: t('general:dark'),
+    value: 'dark'
+  }], [t]);
+  const activeValue = autoMode ? 'auto' : theme;
+  const onChange = useCallback(option => {
+    setTheme(option.value);
+  }, [setTheme]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "payload-settings__theme",
+    children: [/*#__PURE__*/_jsx(FieldLabel, {
+      htmlFor: "theme-select",
+      label: t('general:theme')
+    }), /*#__PURE__*/_jsx(ReactSelect, {
+      inputId: "theme-select",
+      isClearable: false,
+      onChange: onChange,
+      options: options,
+      value: options.find(o => o.value === activeValue)
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","ReactSelect","FieldLabel","useTheme","useTranslation","ToggleTheme","autoMode","setTheme","theme","t","options","label","value","activeValue","onChange","option","_jsxs","className","_jsx","htmlFor","inputId","isClearable","find","o"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Option as ReactSelectOption } from '../../../elements/ReactSelect/index.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options = useMemo(\n    () => [\n      { label: t('general:automatic'), value: 'auto' },\n      { label: t('general:light'), value: 'light' },\n      { label: t('general:dark'), value: 'dark' },\n    ],\n    [t],\n  )\n\n  const activeValue = autoMode ? 'auto' : theme\n\n  const onChange = useCallback(\n    (option: ReactSelectOption) => {\n      setTheme(option.value as 'auto' | 'dark' | 'light')\n    },\n    [setTheme],\n  )\n\n  return (\n    <div className=\"payload-settings__theme\">\n      <FieldLabel htmlFor=\"theme-select\" label={t('general:theme')} />\n      <ReactSelect\n        inputId=\"theme-select\"\n        isClearable={false}\n        onChange={onChange}\n        options={options}\n        value={options.find((o) => o.value === activeValue)}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAI5C,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EACnC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGL,QAAA;EACtC,MAAM;IAAEM;EAAC,CAAE,GAAGL,cAAA;EAEd,MAAMM,OAAA,GAAUV,OAAA,CACd,MAAM,CACJ;IAAEW,KAAA,EAAOF,CAAA,CAAE;IAAsBG,KAAA,EAAO;EAAO,GAC/C;IAAED,KAAA,EAAOF,CAAA,CAAE;IAAkBG,KAAA,EAAO;EAAQ,GAC5C;IAAED,KAAA,EAAOF,CAAA,CAAE;IAAiBG,KAAA,EAAO;EAAO,EAC3C,EACD,CAACH,CAAA,CAAE;EAGL,MAAMI,WAAA,GAAcP,QAAA,GAAW,SAASE,KAAA;EAExC,MAAMM,QAAA,GAAWf,WAAA,CACdgB,MAAA;IACCR,QAAA,CAASQ,MAAA,CAAOH,KAAK;EACvB,GACA,CAACL,QAAA,CAAS;EAGZ,oBACES,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAAChB,UAAA;MAAWiB,OAAA,EAAQ;MAAeR,KAAA,EAAOF,CAAA,CAAE;qBAC5CS,IAAA,CAACjB,WAAA;MACCmB,OAAA,EAAQ;MACRC,WAAA,EAAa;MACbP,QAAA,EAAUA,QAAA;MACVJ,OAAA,EAASA,OAAA;MACTE,KAAA,EAAOF,OAAA,CAAQY,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEX,KAAK,KAAKC,WAAA;;;AAI/C","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":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgBjC,CAAA"}

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

@@ -0,0 +1,38 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { useStepNav } from '../../elements/StepNav/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+export const AccountClient = () => {
+  const $ = _c(4);
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  let t1;
+  if ($[0] !== setStepNav || $[1] !== t) {
+    t0 = () => {
+      const nav = [];
+      nav.push({
+        label: t("authentication:account"),
+        url: "/account"
+      });
+      setStepNav(nav);
+    };
+    t1 = [setStepNav, t];
+    $[0] = setStepNav;
+    $[1] = t;
+    $[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","React","useStepNav","useTranslation","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { StepNavItem } from '../../elements/StepNav/types.js'\n\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\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,OAAOC,KAAA,MAAW;AAIlB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBJ,UAAA;EACvB;IAAAK;EAAA,IAAcJ,cAAA;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,CAAA;IAEEC,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,MAAAC,UAAA;IAAAD,CAAA,MAAAE,CAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EATlBJ,KAAA,CAAAa,SAAA,CAAgBN,EAShB,EAAGC,EAAe;EAAA;AAAA,CAGpB","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAA+B,MAAM,SAAS,CAAA;AAGhF,OAAO,KAAK,MAAM,OAAO,CAAA;AAqBzB,wBAAsB,WAAW,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,8BAgK/F"}

package/dist/views/Account/index.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL } from 'payload/shared';
+import React from 'react';
+import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
+import { RenderServerComponent } from '../../elements/RenderServerComponent/index.js';
+/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */
+import { AccountClient, DefaultEditView, DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '../../exports/client/index.js';
+/* eslint-enable payload/no-imports-from-exports-dir */
+import { buildFormState } from '../../utilities/buildFormState.js';
+import { getDocPreferences } from '../../utilities/getDocPreferences.js';
+import { getDocumentData } from '../../utilities/getDocumentData.js';
+import { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js';
+import { getIsLocked } from '../../utilities/getIsLocked.js';
+import { getVersions } from '../../utilities/getVersions.js';
+import { Settings } from './Settings/index.js';
+export async function AccountView({
+  initPageResult,
+  params,
+  searchParams
+}) {
+  const {
+    languageOptions,
+    locale,
+    permissions,
+    req,
+    req: {
+      i18n,
+      payload,
+      payload: {
+        config
+      },
+      user
+    }
+  } = initPageResult;
+  const {
+    admin: {
+      theme,
+      user: userSlug
+    },
+    routes: {
+      api
+    }
+  } = config;
+  const collectionConfig = payload?.collections?.[userSlug]?.config;
+  if (collectionConfig && user?.id) {
+    // Fetch the data required for the view
+    const data = await getDocumentData({
+      id: user.id,
+      collectionSlug: collectionConfig.slug,
+      locale,
+      payload,
+      req,
+      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,
+      hasDeletePermission,
+      hasPublishPermission,
+      hasSavePermission,
+      hasTrashPermission
+    } = 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,
+      skipValidation: true
+    });
+    // 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,
+      doc: data,
+      docPermissions,
+      locale: locale?.code,
+      payload,
+      user
+    });
+    return /*#__PURE__*/_jsx(DocumentInfoProvider, {
+      AfterFields: /*#__PURE__*/_jsx(Settings, {
+        i18n: i18n,
+        languageOptions: languageOptions,
+        payload: payload,
+        theme: theme,
+        user: user
+      }),
+      apiURL: formatAdminURL({
+        apiRoute: api,
+        path: `/${userSlug}${user?.id ? `/${user.id}` : ''}`
+      }),
+      collectionSlug: userSlug,
+      currentEditor: currentEditor,
+      docPermissions: docPermissions,
+      hasDeletePermission: hasDeletePermission,
+      hasPublishedDoc: hasPublishedDoc,
+      hasPublishPermission: hasPublishPermission,
+      hasSavePermission: hasSavePermission,
+      hasTrashPermission: hasTrashPermission,
+      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,
+          permissions: permissions,
+          req: req
+        }), /*#__PURE__*/_jsx(HydrateAuthProvider, {
+          permissions: permissions
+        }), RenderServerComponent({
+          Component: config.admin?.components?.views?.account?.Component,
+          Fallback: DefaultEditView,
+          importMap: payload.importMap,
+          serverProps: {
+            doc: data,
+            hasPublishedDoc,
+            i18n,
+            initPageResult,
+            locale,
+            params,
+            payload,
+            permissions,
+            routeSegments: [],
+            searchParams,
+            server: req.server,
+            user
+          }
+        }), /*#__PURE__*/_jsx(AccountClient, {})]
+      })
+    });
+  }
+  return req.server.notFound();
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["formatAdminURL","React","DocumentHeader","RenderServerComponent","AccountClient","DefaultEditView","DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","buildFormState","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","Settings","AccountView","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","theme","userSlug","routes","api","collectionConfig","collections","id","data","collectionSlug","slug","Error","docPreferences","docPermissions","hasDeletePermission","hasPublishPermission","hasSavePermission","hasTrashPermission","state","formState","code","operation","renderAllFields","schemaPath","skipValidation","currentEditor","isLocked","lastUpdateTime","isEditing","hasPublishedDoc","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","doc","_jsx","AfterFields","apiURL","apiRoute","path","initialData","initialState","_jsxs","hideTabs","Component","components","views","account","Fallback","importMap","serverProps","routeSegments","server","notFound"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, DocumentViewServerPropsOnly } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  AccountClient,\n  DefaultEditView,\n  DocumentInfoProvider,\n  EditDepthProvider,\n  HydrateAuthProvider,\n} from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { buildFormState } from '../../utilities/buildFormState.js'\nimport { getDocPreferences } from '../../utilities/getDocPreferences.js'\nimport { getDocumentData } from '../../utilities/getDocumentData.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\nimport { getIsLocked } from '../../utilities/getIsLocked.js'\nimport { getVersions } from '../../utilities/getVersions.js'\nimport { Settings } from './Settings/index.js'\n\nexport async function AccountView({ initPageResult, params, searchParams }: AdminViewServerProps) {\n  const {\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: { theme, user: userSlug },\n    routes: { api },\n  } = config\n\n  const collectionConfig = payload?.collections?.[userSlug]?.config\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      req,\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 {\n      docPermissions,\n      hasDeletePermission,\n      hasPublishPermission,\n      hasSavePermission,\n      hasTrashPermission,\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      skipValidation: true,\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        doc: data,\n        docPermissions,\n        locale: locale?.code,\n        payload,\n        user,\n      })\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={\n          <Settings\n            i18n={i18n}\n            languageOptions={languageOptions}\n            payload={payload}\n            theme={theme}\n            user={user}\n          />\n        }\n        apiURL={formatAdminURL({\n          apiRoute: api,\n          path: `/${userSlug}${user?.id ? `/${user.id}` : ''}`,\n        })}\n        collectionSlug={userSlug}\n        currentEditor={currentEditor}\n        docPermissions={docPermissions}\n        hasDeletePermission={hasDeletePermission}\n        hasPublishedDoc={hasPublishedDoc}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        hasTrashPermission={hasTrashPermission}\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            permissions={permissions}\n            req={req}\n          />\n          <HydrateAuthProvider permissions={permissions} />\n          {RenderServerComponent({\n            Component: config.admin?.components?.views?.account?.Component,\n            Fallback: DefaultEditView,\n            importMap: payload.importMap,\n            serverProps: {\n              doc: data,\n              hasPublishedDoc,\n              i18n,\n              initPageResult,\n              locale,\n              params,\n              payload,\n              permissions,\n              routeSegments: [],\n              searchParams,\n              server: req.server,\n              user,\n            } satisfies DocumentViewServerPropsOnly,\n          })}\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return req.server.notFound()\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/dist/views/Account/metadata.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","names":["formatMetadata","generateAccountMetadata","config","i18n","t","description","keywords","serverURL","title","admin","meta"],"sources":["../../../src/views/Account/metadata.ts"],"sourcesContent":["import type { GenerateViewMetadata } from 'payload'\n\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\nexport const generateAccountMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  formatMetadata({\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,cAAc,QAAQ;AAE/B,OAAO,MAAMC,uBAAA,GAAgD,MAAAA,CAAO;EAAEC,MAAM;EAAEC,IAAA,EAAM;IAAEC;EAAC;AAAE,CAAE,KACzFJ,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/CollectionTrash/generateCollectionTrashMetadata.d.ts

@@ -0,0 +1,11 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { MetaConfig, SanitizedCollectionConfig, SanitizedConfig } from 'payload';
+export declare const generateCollectionTrashMetadata: (args: {
+    collectionConfig: SanitizedCollectionConfig;
+    config: SanitizedConfig;
+    i18n: I18nClient;
+    params?: {
+        [key: string]: string | string[];
+    };
+}) => Promise<MetaConfig>;
+//# sourceMappingURL=generateCollectionTrashMetadata.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateCollectionTrashMetadata.d.ts","sourceRoot":"","sources":["../../../src/views/CollectionTrash/generateCollectionTrashMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAMrF,eAAO,MAAM,+BAA+B,GAAU,MAAM;IAC1D,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAA;CAC9C,KAAG,OAAO,CAAC,UAAU,CAqBrB,CAAA"}