@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/ResetPreferences/index.tsx"],"sourcesContent":["'use client'\nimport type { TypedUser } from 'payload'\n\nimport { Button, ConfirmationModal, toast, useModal, useTranslation } from '@payloadcms/ui'\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback } from 'react'\n\nconst confirmResetModalSlug = 'confirm-reset-modal'\n\nexport const ResetPreferences: React.FC<{\n  readonly apiRoute: string\n  readonly user?: TypedUser\n}> = ({ apiRoute, user }) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\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: {\n            id: {\n              equals: user.id,\n            },\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    try {\n      const res = await fetch(`${apiRoute}/payload-preferences${stringifiedQuery}`, {\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'DELETE',\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>\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"],"names":["Button","ConfirmationModal","toast","useModal","useTranslation","qs","Fragment","useCallback","confirmResetModalSlug","ResetPreferences","apiRoute","user","openModal","t","handleResetPreferences","stringifiedQuery","stringify","depth","where","id","equals","addQueryPrefix","res","fetch","credentials","headers","method","json","message","ok","success","error","_err","div","buttonStyle","onClick","body","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"AAAA;AAGA,SAASA,MAAM,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AAC3F,YAAYC,QAAQ,SAAQ;AAC5B,SAASC,QAAQ,EAAEC,WAAW,QAAQ,QAAO;AAE7C,MAAMC,wBAAwB;AAE9B,OAAO,MAAMC,mBAGR,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAE;IACtB,MAAM,EAAEC,SAAS,EAAE,GAAGT;IACtB,MAAM,EAAEU,CAAC,EAAE,GAAGT;IAEd,MAAMU,yBAAyBP,YAAY;QACzC,IAAI,CAACI,MAAM;YACT;QACF;QAEA,MAAMI,mBAAmBV,GAAGW,SAAS,CACnC;YACEC,OAAO;YACPC,OAAO;gBACLP,MAAM;oBACJQ,IAAI;wBACFC,QAAQT,KAAKQ,EAAE;oBACjB;gBACF;YACF;QACF,GACA;YAAEE,gBAAgB;QAAK;QAGzB,IAAI;YACF,MAAMC,MAAM,MAAMC,MAAM,GAAGb,SAAS,oBAAoB,EAAEK,kBAAkB,EAAE;gBAC5ES,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,MAAMC,OAAO,MAAML,IAAIK,IAAI;YAC3B,MAAMC,UAAUD,KAAKC,OAAO;YAE5B,IAAIN,IAAIO,EAAE,EAAE;gBACV3B,MAAM4B,OAAO,CAACF;YAChB,OAAO;gBACL1B,MAAM6B,KAAK,CAACH;YACd;QACF,EAAE,OAAOI,MAAM,CAEf;IACF,GAFI,gBAAgB;IAEjB;QAACtB;QAAUC;KAAK;IAEnB,QACGL,SAAS;MACR,CAAC2B,IAAI;QACH,CAACjC,OAAOkC,YAAY,YAAYC,SAAS,IAAMvB,UAAUJ,wBAAwB;UAC/E,CAACK,EAAE,4BAA4B;QACjC,EAAEb,OAAO;MACX,EAAEiC,IAAI;MACN,CAAChC,kBACCmC,MAAMvB,EAAE,wCACRwB,iBAAiBxB,EAAE,iCACnByB,SAASzB,EAAE,6BACX0B,WAAW/B,uBACXgC,WAAW1B,yBACX;IACJ,EAAER;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","Button","ConfirmationModal","toast","useModal","useTranslation","qs","Fragment","useCallback","confirmResetModalSlug","ResetPreferences","t0","$","apiRoute","user","openModal","t","t1","stringifiedQuery","stringify","depth","where","id","equals","addQueryPrefix","res","fetch","credentials","headers","method","json","message","ok","success","error","t2","_err","handleResetPreferences","t3","_jsxs","children","_jsx","buttonStyle","onClick","body","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/views/Account/ResetPreferences/index.tsx"],"sourcesContent":["'use client'\nimport type { TypedUser } from 'payload'\n\nimport { Button, ConfirmationModal, toast, useModal, useTranslation } from '@payloadcms/ui'\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback } from 'react'\n\nconst confirmResetModalSlug = 'confirm-reset-modal'\n\nexport const ResetPreferences: React.FC<{\n  readonly apiRoute: string\n  readonly user?: TypedUser\n}> = ({ apiRoute, user }) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\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: {\n            id: {\n              equals: user.id,\n            },\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    try {\n      const res = await fetch(`${apiRoute}/payload-preferences${stringifiedQuery}`, {\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'DELETE',\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>\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,MAAM,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC3E,YAAYC,EAAA,MAAQ;AACpB,SAASC,QAAQ,EAAEC,WAAW,QAAQ;AAEtC,MAAMC,qBAAA,GAAwB;AAE9B,OAAO,MAAMC,gBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,QAAA;IAAAC;EAAA,IAAAH,EAAkB;EACtB;IAAAI;EAAA,IAAsBX,QAAA;EACtB;IAAAY;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,IAAA;IAE6BG,EAAA,SAAAA,CAAA;MAAA,KACpCH,IAAA;QAAA;MAAA;MAIL,MAAAI,gBAAA,GAAyBZ,EAAA,CAAAa,SAAA;QAAAC,KAAA;QAAAC,KAAA;UAAAP,IAAA;YAAAQ,EAAA;cAAAC,MAAA,EAMPT,IAAA,CAAAQ;YAAA;UAAA;QAAA;MAAA;QAAAE,cAAA;MAAA,CAKO;MAAA;MAAA;QAIvB,MAAAC,GAAA,SAAkBC,KAAA,CAAM,GAAGb,QAAA,uBAA+BK,gBAAA,EAAkB;UAAAS,WAAA,EAC7D;UAAAC,OAAA;YAAA,gBAEK;UAAA;UAAAC,MAAA,EAEV;QAAA,CACV;QAEA,MAAAC,IAAA,SAAmBL,GAAA,CAAAK,IAAA,CAAQ;QAC3B,MAAAC,OAAA,GAAgBD,IAAA,CAAAC,OAAA;QAAY,IAExBN,GAAA,CAAAO,EAAA;UACF7B,KAAA,CAAA8B,OAAA,CAAcF,OAAA;QAAA;UAEd5B,KAAA,CAAA+B,KAAA,CAAYH,OAAA;QAAA;MAAA,SAAAI,EAAA;QAEPC,KAAA,CAAAA,IAAA,CAAAA,CAAA,CAAAA,EAAA;MAAA;IAAA;IAGXxB,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAvCA,MAAAyB,sBAAA,GAA+BpB,EAuCZ;EAAA,IAAAkB,EAAA;EAAA,IAAAvB,CAAA,QAAAG,SAAA;IAK4BoB,EAAA,GAAAA,CAAA,KAAMpB,SAAA,CAAAN,qBAAU;IAAAG,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,IAAA0B,EAAA;EAAA,IAAA1B,CAAA,QAAAyB,sBAAA,IAAAzB,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAuB,EAAA;IAF7DG,EAAA,GAAAC,KAAA,CAAAhC,QAAA;MAAAiC,QAAA,GACEC,IAAA,CAAC;QAAAD,QAAA,EACCC,IAAA,CAAAxC,MAAA;UAAAyC,WAAA,EAAoB;UAAAC,OAAA,EAAqBR,EAAgB;UAAAK,QAAA,EACtDxB,CAAA,CAAE;QAAA,C;UAGPyB,IAAA,CAAAvC,iBAAA;QAAA0C,IAAA,EACQ5B,CAAA,CAAE;QAAA6B,eAAA,EACS7B,CAAA,CAAE;QAAA8B,OAAA,EACV9B,CAAA,CAAE;QAAA+B,SAAA,EAAAtC,qBAAA;QAAAuC,SAAA,EAEAX;MAAA,C;;;;;;;;;SAXfC,E;CAeJ","ignoreList":[]}

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

@@ -1,11 +1,52 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ReactSelect, useTranslation } from '@payloadcms/ui';
-export const LanguageSelector = (props)=>{
-    const { languageOptions } = props;
-    const { i18n, switchLanguage } = useTranslation();
-    return <ReactSelect inputId="language-select" isClearable={false} onChange={async (option)=>{
-        await switchLanguage(option.value);
-    }} options={languageOptions} value={languageOptions.find((language)=>language.value === i18n.language)}/>;
+import React from 'react';
+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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"sourcesContent":["'use client'\nimport type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { LanguageOptions } from 'payload'\n\nimport { ReactSelect, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\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"],"names":["ReactSelect","useTranslation","LanguageSelector","props","languageOptions","i18n","switchLanguage","inputId","isClearable","onChange","option","value","options","find","language"],"mappings":"AAAA;AAKA,SAASA,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAG5D,OAAO,MAAMC,mBAER,CAACC;IACJ,MAAM,EAAEC,eAAe,EAAE,GAAGD;IAE5B,MAAM,EAAEE,IAAI,EAAEC,cAAc,EAAE,GAAGL;IAEjC,QACGD,YACCO,QAAQ,kBACRC,aAAa,OACbC,UAAU,OAAOC;QACf,MAAMJ,eAAeI,OAAOC,KAAK;IACnC,GACAC,SAASR,iBACTO,OAAOP,gBAAgBS,IAAI,CAAC,CAACC,WAAaA,SAASH,KAAK,KAAKN,KAAKS,QAAQ;AAGhF,EAAC"}
+{"version":3,"file":"LanguageSelector.js","names":["c","_c","ReactSelect","useTranslation","React","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 { ReactSelectOption } from '@payloadcms/ui'\nimport type { LanguageOptions } from 'payload'\n\nimport { ReactSelect, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\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;;AAKA,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,gBAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAA4BF,KAAA;EAE5B;IAAAG,IAAA;IAAAC;EAAA,IAAiCP,cAAA;EAAA,IAAAQ,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,CAAAf,WAAA;MAAAgB,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.js

@@ -1,24 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldLabel } from '@payloadcms/ui';
+import React from 'react';
 import { ResetPreferences } from '../ResetPreferences/index.js';
-import './index.scss';
 import { ToggleTheme } from '../ToggleTheme/index.js';
 import { LanguageSelector } from './LanguageSelector.js';
 const baseClass = 'payload-settings';
-export const Settings = (props)=>{
-    const { className, i18n, languageOptions, payload, theme, user } = props;
-    const apiRoute = payload.config.routes.api;
-    return <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-      <h3>{i18n.t('general:payloadSettings')}</h3>
-      <div className={`${baseClass}__language`}>
-        <FieldLabel htmlFor="language-select" label={i18n.t('general:language')}/>
-        <LanguageSelector languageOptions={languageOptions}/>
-      </div>
-      {theme === 'all' && <ToggleTheme/>}
-      <ResetPreferences apiRoute={apiRoute} user={user}/>
-    </div>;
+export const Settings = props => {
+  const {
+    className,
+    i18n,
+    languageOptions,
+    payload,
+    theme,
+    user
+  } = props;
+  const apiRoute = payload.config.routes.api;
+  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(ResetPreferences, {
+      apiRoute: apiRoute,
+      user: user
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { BasePayload, Config, LanguageOptions, TypedUser } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ResetPreferences } from '../ResetPreferences/index.js'\nimport './index.scss'\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport { LanguageSelector } from './LanguageSelector.js'\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, payload, theme, user } = props\n\n  const apiRoute = payload.config.routes.api\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      <ResetPreferences apiRoute={apiRoute} user={user} />\n    </div>\n  )\n}\n"],"names":["FieldLabel","ResetPreferences","ToggleTheme","LanguageSelector","baseClass","Settings","props","className","i18n","languageOptions","payload","theme","user","apiRoute","config","routes","api","div","filter","Boolean","join","h3","t","htmlFor","label"],"mappings":"AAGA,SAASA,UAAU,QAAQ,iBAAgB;AAG3C,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,OAAO,eAAc;AACrB,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAOR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,eAAe,EAAEC,OAAO,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGN;IAEnE,MAAMO,WAAWH,QAAQI,MAAM,CAACC,MAAM,CAACC,GAAG;IAE1C,QACGC,IAAIV,WAAW;QAACH;QAAWG;KAAU,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MAChE,CAACC,IAAIb,KAAKc,CAAC,CAAC,6BAA6BD,GAAG;MAC5C,CAACJ,IAAIV,WAAW,GAAGH,UAAU,UAAU,CAAC,EAAE;QACxC,CAACJ,WAAWuB,QAAQ,kBAAkBC,OAAOhB,KAAKc,CAAC,CAAC,sBAAuB;QAC3E,CAACnB,iBAAiBM,iBAAiBA,kBAAmB;MACxD,EAAEQ,IAAI;MACN,CAACN,UAAU,UAAUT,cAAe;MACpC,CAACD,iBAAiBY,UAAUA,UAAUD,MAAMA,OAAQ;IACtD,EAAEK;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["FieldLabel","React","ResetPreferences","ToggleTheme","LanguageSelector","baseClass","Settings","props","className","i18n","languageOptions","payload","theme","user","apiRoute","config","routes","api","_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 { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ResetPreferences } from '../ResetPreferences/index.js'\nimport './index.scss'\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport { LanguageSelector } from './LanguageSelector.js'\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, payload, theme, user } = props\n\n  const apiRoute = payload.config.routes.api\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      <ResetPreferences apiRoute={apiRoute} user={user} />\n    </div>\n  )\n}\n"],"mappings":";AAGA,SAASA,UAAU,QAAQ;AAC3B,OAAOC,KAAA,MAAW;AAElB,SAASC,gBAAgB,QAAQ;AAEjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,eAAe;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAI,CAAE,GAAGN,KAAA;EAEnE,MAAMO,QAAA,GAAWH,OAAA,CAAQI,MAAM,CAACC,MAAM,CAACC,GAAG;EAE1C,oBACEC,KAAA,CAAC;IAAIV,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACW,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAAC;gBAAIb,IAAA,CAAKc,CAAC,CAAC;qBACZL,KAAA,CAAC;MAAIV,SAAA,EAAW,GAAGH,SAAA,YAAqB;8BACtCiB,IAAA,CAACtB,UAAA;QAAWwB,OAAA,EAAQ;QAAkBC,KAAA,EAAOhB,IAAA,CAAKc,CAAC,CAAC;uBACpDD,IAAA,CAAClB,gBAAA;QAAiBM,eAAA,EAAiBA;;QAEpCE,KAAA,KAAU,sBAASU,IAAA,CAACnB,WAAA,O,aACrBmB,IAAA,CAACpB,gBAAA;MAAiBY,QAAA,EAAUA,QAAA;MAAUD,IAAA,EAAMA;;;AAGlD","ignoreList":[]}

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

@@ -1,32 +1,60 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui';
-import { useCallback } from 'react';
-export const ToggleTheme = ()=>{
-    const { autoMode, setTheme, theme } = useTheme();
-    const { t } = useTranslation();
-    const onChange = useCallback((newTheme)=>{
-        setTheme(newTheme);
-    }, [
-        setTheme
-    ]);
-    return <RadioGroupField disableModifyingForm={true} field={{
-        name: 'theme',
-        label: t('general:adminTheme'),
-        options: [
-            {
-                label: t('general:automatic'),
-                value: 'auto'
-            },
-            {
-                label: t('general:light'),
-                value: 'light'
-            },
-            {
-                label: t('general:dark'),
-                value: 'dark'
-            }
-        ]
-    }} onChange={onChange} path="theme" value={autoMode ? 'auto' : theme}/>;
+import React, { useCallback } from 'react';
+export const ToggleTheme = () => {
+  const $ = _c(7);
+  const {
+    autoMode,
+    setTheme,
+    theme
+  } = useTheme();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== setTheme) {
+    t0 = newTheme => {
+      setTheme(newTheme);
+    };
+    $[0] = setTheme;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[2] !== autoMode || $[3] !== onChange || $[4] !== t || $[5] !== theme) {
+    t1 = _jsx(RadioGroupField, {
+      disableModifyingForm: true,
+      field: {
+        name: "theme",
+        label: t("general:adminTheme"),
+        options: [{
+          label: t("general:automatic"),
+          value: "auto"
+        }, {
+          label: t("general:light"),
+          value: "light"
+        }, {
+          label: t("general:dark"),
+          value: "dark"
+        }]
+      },
+      onChange,
+      path: "theme",
+      value: autoMode ? "auto" : theme
+    });
+    $[2] = autoMode;
+    $[3] = onChange;
+    $[4] = t;
+    $[5] = theme;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      path=\"theme\"\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"names":["RadioGroupField","useTheme","useTranslation","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","disableModifyingForm","field","name","label","options","value","path"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AAC1E,SAAgBC,WAAW,QAAQ,QAAO;AAE1C,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGN;IACtC,MAAM,EAAEO,CAAC,EAAE,GAAGN;IAEd,MAAMO,WAAWN,YACf,CAACO;QACCJ,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,QACGN,gBACCW,sBAAsB,MACtBC,OAAO;QACLC,MAAM;QACNC,OAAON,EAAE;QACTO,SAAS;YACP;gBACED,OAAON,EAAE;gBACTQ,OAAO;YACT;YACA;gBACEF,OAAON,EAAE;gBACTQ,OAAO;YACT;YACA;gBACEF,OAAON,EAAE;gBACTQ,OAAO;YACT;SACD;IACH,GACAP,UAAUA,UACVQ,KAAK,QACLD,OAAOX,WAAW,SAASE;AAGjC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","disableModifyingForm","field","name","label","options","value","path"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      path=\"theme\"\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAO,QAAA,IAAAP,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA;IAIVK,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,oBAAA;MAAAC,KAAA;QAAAC,IAAA,EAGU;QAAAC,KAAA,EACCT,CAAA,CAAE;QAAAU,OAAA;UAAAD,KAAA,EAGET,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;MAAA;MAAAR,QAAA;MAAAS,IAAA,EAKR;MAAAD,KAAA,EACEd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SAtB7BK,E;CAyBJ","ignoreList":[]}

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

@@ -1,21 +1,37 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useStepNav, useTranslation } from '@payloadcms/ui';
 import React from 'react';
-export const AccountClient = ()=>{
-    const { setStepNav } = useStepNav();
-    const { t } = useTranslation();
-    React.useEffect(()=>{
-        const nav = [];
-        nav.push({
-            label: t('authentication:account'),
-            url: '/account'
-        });
-        setStepNav(nav);
-    }, [
-        setStepNav,
-        t
-    ]);
-    return null;
+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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"names":["useStepNav","useTranslation","React","AccountClient","setStepNav","t","useEffect","nav","push","label","url"],"mappings":"AAAA;AACA,SAA2BA,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AAC7E,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B;IACrC,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IACvB,MAAM,EAAEK,CAAC,EAAE,GAAGJ;IAEdC,MAAMI,SAAS,CAAC;QACd,MAAMC,MAAqB,EAAE;QAE7BA,IAAIC,IAAI,CAAC;YACPC,OAAOJ,EAAE;YACTK,KAAK;QACP;QAEAN,WAAWG;IACb,GAAG;QAACH;QAAYC;KAAE;IAElB,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.client.js","names":["c","_c","useStepNav","useTranslation","React","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAA2BC,UAAU,EAAEC,cAAc,QAAQ;AAC7D,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBL,UAAA;EACvB;IAAAM;EAAA,IAAcL,cAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,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;EATlBF,KAAA,CAAAW,SAAA,CAAgBN,EAShB,EAAGC,EAAe;EAAA;AAAA,CAGpB","ignoreList":[]}

package/dist/views/Account/index.js

@@ -1,7 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui';
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { buildFormState } from '@payloadcms/ui/utilities/buildFormState';
 import { notFound } from 'next/navigation.js';
+import React from 'react';
 import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
 import { getDocPreferences } from '../Document/getDocPreferences.js';
 import { getDocumentData } from '../Document/getDocumentData.js';
@@ -11,95 +13,162 @@ import { getVersions } from '../Document/getVersions.js';
 import { EditView } from '../Edit/index.js';
 import { AccountClient } from './index.client.js';
 import { Settings } from './Settings/index.js';
-export 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 }, serverURL } = 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, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({
-            id: user.id,
-            collectionConfig,
-            data,
-            req
-        });
-        // Build initial form state from data
-        const { state: formState } = await buildFormState({
-            id: user.id,
-            collectionSlug: collectionConfig.slug,
-            data,
-            docPermissions,
-            docPreferences,
-            locale: locale?.code,
-            operation: 'update',
-            renderAllFields: true,
-            req,
-            schemaPath: collectionConfig.slug,
-            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,
+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
+    },
+    serverURL
+  } = 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,
+      hasPublishPermission,
+      hasSavePermission
+    } = await getDocumentPermissions({
+      id: user.id,
+      collectionConfig,
+      data,
+      req
+    });
+    // Build initial form state from data
+    const {
+      state: formState
+    } = await buildFormState({
+      id: user.id,
+      collectionSlug: collectionConfig.slug,
+      data,
+      docPermissions,
+      docPreferences,
+      locale: locale?.code,
+      operation: 'update',
+      renderAllFields: true,
+      req,
+      schemaPath: collectionConfig.slug,
+      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: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
+      collectionSlug: userSlug,
+      currentEditor: currentEditor,
+      docPermissions: docPermissions,
+      hasPublishedDoc: hasPublishedDoc,
+      hasPublishPermission: hasPublishPermission,
+      hasSavePermission: hasSavePermission,
+      id: user?.id,
+      initialData: data,
+      initialState: formState,
+      isEditing: true,
+      isLocked: isLocked,
+      lastUpdateTime: lastUpdateTime,
+      mostRecentVersionIsAutosaved: mostRecentVersionIsAutosaved,
+      unpublishedVersionCount: unpublishedVersionCount,
+      versionCount: versionCount,
+      children: /*#__PURE__*/_jsxs(EditDepthProvider, {
+        children: [/*#__PURE__*/_jsx(DocumentHeader, {
+          collectionConfig: collectionConfig,
+          hideTabs: true,
+          permissions: permissions,
+          req: req
+        }), /*#__PURE__*/_jsx(HydrateAuthProvider, {
+          permissions: permissions
+        }), RenderServerComponent({
+          Component: config.admin?.components?.views?.account?.Component,
+          Fallback: EditView,
+          importMap: payload.importMap,
+          serverProps: {
             doc: data,
-            docPermissions,
-            locale: locale?.code,
+            hasPublishedDoc,
+            i18n,
+            initPageResult,
+            locale,
+            params,
             payload,
+            permissions,
+            routeSegments: [],
+            searchParams,
             user
-        });
-        return <DocumentInfoProvider AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} payload={payload} theme={theme} user={user}/>} apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`} collectionSlug={userSlug} currentEditor={currentEditor} docPermissions={docPermissions} hasPublishedDoc={hasPublishedDoc} hasPublishPermission={hasPublishPermission} hasSavePermission={hasSavePermission} id={user?.id} initialData={data} initialState={formState} isEditing isLocked={isLocked} lastUpdateTime={lastUpdateTime} mostRecentVersionIsAutosaved={mostRecentVersionIsAutosaved} unpublishedVersionCount={unpublishedVersionCount} versionCount={versionCount}>
-        <EditDepthProvider>
-          <DocumentHeader collectionConfig={collectionConfig} hideTabs permissions={permissions} req={req}/>
-          <HydrateAuthProvider permissions={permissions}/>
-          {RenderServerComponent({
-            Component: config.admin?.components?.views?.account?.Component,
-            Fallback: EditView,
-            importMap: payload.importMap,
-            serverProps: {
-                doc: data,
-                hasPublishedDoc,
-                i18n,
-                initPageResult,
-                locale,
-                params,
-                payload,
-                permissions,
-                routeSegments: [],
-                searchParams,
-                user
-            }
-        })}
-          <AccountClient/>
-        </EditDepthProvider>
-      </DocumentInfoProvider>;
-    }
-    return notFound();
+          }
+        }), /*#__PURE__*/_jsx(AccountClient, {})]
+      })
+    });
+  }
+  return notFound();
 }
-
 //# sourceMappingURL=index.js.map