@payloadcms/next 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

package/dist/utilities/initPage/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","names":["authRouteKeys","isAdminRoute","adminRoute","config","route","startsWith","isAdminAuthRoute","authRoutes","admin","routes","Object","entries","filter","key","includes","map","_","value","some","r","getRouteWithoutAdmin","replace"],"sources":["../../../src/utilities/initPage/shared.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload'\n\nconst authRouteKeys: (keyof SanitizedConfig['admin']['routes'])[] = [\n  'createFirstUser',\n  'forgot',\n  'login',\n  'logout',\n  'forgot',\n  'inactivity',\n  'unauthorized',\n  'reset',\n]\n\nexport const isAdminRoute = ({\n  adminRoute,\n  config,\n  route,\n}: {\n  adminRoute: string\n  config: SanitizedConfig\n  route: string\n}): boolean => {\n  return route.startsWith(adminRoute) && !isAdminAuthRoute({ adminRoute, config, route })\n}\n\nexport const isAdminAuthRoute = ({\n  adminRoute,\n  config,\n  route,\n}: {\n  adminRoute: string\n  config: SanitizedConfig\n  route: string\n}): boolean => {\n  const authRoutes = config.admin?.routes\n    ? Object.entries(config.admin.routes)\n        .filter(([key]) => authRouteKeys.includes(key as keyof SanitizedConfig['admin']['routes']))\n        .map(([_, value]) => value)\n    : []\n\n  return authRoutes.some((r) => getRouteWithoutAdmin({ adminRoute, route }).startsWith(r))\n}\n\nexport const getRouteWithoutAdmin = ({\n  adminRoute,\n  route,\n}: {\n  adminRoute: string\n  route: string\n}): string => {\n  return adminRoute && adminRoute !== '/' ? route.replace(adminRoute, '') : route\n}\n"],"mappings":"AAEA,MAAMA,aAAA,GAA8D,CAClE,mBACA,UACA,SACA,UACA,UACA,cACA,gBACA,QACD;AAED,OAAO,MAAMC,YAAA,GAAeA,CAAC;EAC3BC,UAAU;EACVC,MAAM;EACNC;AAAK,CAKN;EACC,OAAOA,KAAA,CAAMC,UAAU,CAACH,UAAA,KAAe,CAACI,gBAAA,CAAiB;IAAEJ,UAAA;IAAYC,MAAA;IAAQC;EAAM;AACvF;AAEA,OAAO,MAAME,gBAAA,GAAmBA,CAAC;EAC/BJ,UAAU;EACVC,MAAM;EACNC;AAAK,CAKN;EACC,MAAMG,UAAA,GAAaJ,MAAA,CAAOK,KAAK,EAAEC,MAAA,GAC7BC,MAAA,CAAOC,OAAO,CAACR,MAAA,CAAOK,KAAK,CAACC,MAAM,EAC/BG,MAAM,CAAC,CAAC,CAACC,GAAA,CAAI,KAAKb,aAAA,CAAcc,QAAQ,CAACD,GAAA,GACzCE,GAAG,CAAC,CAAC,CAACC,CAAA,EAAGC,KAAA,CAAM,KAAKA,KAAA,IACvB,EAAE;EAEN,OAAOV,UAAA,CAAWW,IAAI,CAAEC,CAAA,IAAMC,oBAAA,CAAqB;IAAElB,UAAA;IAAYE;EAAM,GAAGC,UAAU,CAACc,CAAA;AACvF;AAEA,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EACnClB,UAAU;EACVE;AAAK,CAIN;EACC,OAAOF,UAAA,IAAcA,UAAA,KAAe,MAAME,KAAA,CAAMiB,OAAO,CAACnB,UAAA,EAAY,MAAME,KAAA;AAC5E","ignoreList":[]}
+{"version":3,"file":"shared.js","names":["publicAdminRoutes","isAdminRoute","adminRoute","route","startsWith","isPublicAdminRoute","config","some","routeSegment","segment","admin","routes","routeWithoutAdmin","getRouteWithoutAdmin","includes","replace"],"sources":["../../../src/utilities/initPage/shared.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload'\n\n// Routes that require admin authentication\nconst publicAdminRoutes: (keyof Pick<\n  SanitizedConfig['admin']['routes'],\n  'createFirstUser' | 'forgot' | 'inactivity' | 'login' | 'logout' | 'reset' | 'unauthorized'\n>)[] = [\n  'createFirstUser',\n  'forgot',\n  'login',\n  'logout',\n  'forgot',\n  'inactivity',\n  'unauthorized',\n  'reset',\n]\n\nexport const isAdminRoute = ({\n  adminRoute,\n  route,\n}: {\n  adminRoute: string\n  config: SanitizedConfig\n  route: string\n}): boolean => {\n  return route.startsWith(adminRoute)\n}\n\nexport const isPublicAdminRoute = ({\n  adminRoute,\n  config,\n  route,\n}: {\n  adminRoute: string\n  config: SanitizedConfig\n  route: string\n}): boolean => {\n  const isPublicAdminRoute = publicAdminRoutes.some((routeSegment) => {\n    const segment = config.admin?.routes?.[routeSegment] || routeSegment\n    const routeWithoutAdmin = getRouteWithoutAdmin({ adminRoute, route })\n\n    if (routeWithoutAdmin.startsWith(segment)) {\n      return true\n    } else if (routeWithoutAdmin.includes('/verify/')) {\n      return true\n    } else {\n      return false\n    }\n  })\n\n  return isPublicAdminRoute\n}\n\nexport const getRouteWithoutAdmin = ({\n  adminRoute,\n  route,\n}: {\n  adminRoute: string\n  route: string\n}): string => {\n  return adminRoute && adminRoute !== '/' ? route.replace(adminRoute, '') : route\n}\n"],"mappings":"AAEA;AACA,MAAMA,iBAAA,GAGC,CACL,mBACA,UACA,SACA,UACA,UACA,cACA,gBACA,QACD;AAED,OAAO,MAAMC,YAAA,GAAeA,CAAC;EAC3BC,UAAU;EACVC;AAAK,CAKN;EACC,OAAOA,KAAA,CAAMC,UAAU,CAACF,UAAA;AAC1B;AAEA,OAAO,MAAMG,kBAAA,GAAqBA,CAAC;EACjCH,UAAU;EACVI,MAAM;EACNH;AAAK,CAKN;EACC,MAAME,kBAAA,GAAqBL,iBAAA,CAAkBO,IAAI,CAAEC,YAAA;IACjD,MAAMC,OAAA,GAAUH,MAAA,CAAOI,KAAK,EAAEC,MAAA,GAASH,YAAA,CAAa,IAAIA,YAAA;IACxD,MAAMI,iBAAA,GAAoBC,oBAAA,CAAqB;MAAEX,UAAA;MAAYC;IAAM;IAEnE,IAAIS,iBAAA,CAAkBR,UAAU,CAACK,OAAA,GAAU;MACzC,OAAO;IACT,OAAO,IAAIG,iBAAA,CAAkBE,QAAQ,CAAC,aAAa;MACjD,OAAO;IACT,OAAO;MACL,OAAO;IACT;EACF;EAEA,OAAOT,kBAAA;AACT;AAEA,OAAO,MAAMQ,oBAAA,GAAuBA,CAAC;EACnCX,UAAU;EACVC;AAAK,CAIN;EACC,OAAOD,UAAA,IAAcA,UAAA,KAAe,MAAMC,KAAA,CAAMY,OAAO,CAACb,UAAA,EAAY,MAAMC,KAAA;AAC5E","ignoreList":[]}

package/dist/utilities/initReq.js

@@ -8,7 +8,7 @@ export const initReq = cache(async function (config) {
   const payload = await getPayloadHMR({
     config
   });
-  const headers = getHeaders();
+  const headers = await getHeaders();
   const cookies = parseCookies(headers);
   const languageCode = getRequestLanguage({
     config,

package/dist/utilities/initReq.js.map

@@ -1 +1 @@
-{"version":3,"file":"initReq.js","names":["initI18n","headers","getHeaders","createLocalReq","parseCookies","cache","getPayloadHMR","getRequestLanguage","initReq","config","payload","cookies","languageCode","i18n","context","language","req","fallbackLocale","host","get","url","serverURL","permissions","user","auth"],"sources":["../../src/utilities/initReq.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { PayloadRequest, Permissions, SanitizedConfig, User } from 'payload'\n\nimport { initI18n } from '@payloadcms/translations'\nimport { headers as getHeaders } from 'next/headers.js'\nimport { createLocalReq, parseCookies } from 'payload'\nimport { cache } from 'react'\n\nimport { getPayloadHMR } from './getPayloadHMR.js'\nimport { getRequestLanguage } from './getRequestLanguage.js'\n\ntype Result = {\n  i18n: I18nClient\n  permissions: Permissions\n  req: PayloadRequest\n  user: User\n}\n\nexport const initReq = cache(async function (config: SanitizedConfig): Promise<Result> {\n  const payload = await getPayloadHMR({ config })\n\n  const headers = getHeaders()\n  const cookies = parseCookies(headers)\n\n  const languageCode = getRequestLanguage({\n    config,\n    cookies,\n    headers,\n  })\n\n  const i18n: I18nClient = await initI18n({\n    config: config.i18n,\n    context: 'client',\n    language: languageCode,\n  })\n\n  const req = await createLocalReq(\n    {\n      fallbackLocale: 'null',\n      req: {\n        headers,\n        host: headers.get('host'),\n        i18n,\n        url: `${payload.config.serverURL}`,\n      } as PayloadRequest,\n    },\n    payload,\n  )\n\n  const { permissions, user } = await payload.auth({ headers, req })\n\n  return {\n    i18n,\n    permissions,\n    req,\n    user,\n  }\n})\n"],"mappings":"AAGA,SAASA,QAAQ,QAAQ;AACzB,SAASC,OAAA,IAAWC,UAAU,QAAQ;AACtC,SAASC,cAAc,EAAEC,YAAY,QAAQ;AAC7C,SAASC,KAAK,QAAQ;AAEtB,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AASnC,OAAO,MAAMC,OAAA,GAAUH,KAAA,CAAM,gBAAgBI,MAAuB;EAClE,MAAMC,OAAA,GAAU,MAAMJ,aAAA,CAAc;IAAEG;EAAO;EAE7C,MAAMR,OAAA,GAAUC,UAAA;EAChB,MAAMS,OAAA,GAAUP,YAAA,CAAaH,OAAA;EAE7B,MAAMW,YAAA,GAAeL,kBAAA,CAAmB;IACtCE,MAAA;IACAE,OAAA;IACAV;EACF;EAEA,MAAMY,IAAA,GAAmB,MAAMb,QAAA,CAAS;IACtCS,MAAA,EAAQA,MAAA,CAAOI,IAAI;IACnBC,OAAA,EAAS;IACTC,QAAA,EAAUH;EACZ;EAEA,MAAMI,GAAA,GAAM,MAAMb,cAAA,CAChB;IACEc,cAAA,EAAgB;IAChBD,GAAA,EAAK;MACHf,OAAA;MACAiB,IAAA,EAAMjB,OAAA,CAAQkB,GAAG,CAAC;MAClBN,IAAA;MACAO,GAAA,EAAK,GAAGV,OAAA,CAAQD,MAAM,CAACY,SAAS;IAClC;EACF,GACAX,OAAA;EAGF,MAAM;IAAEY,WAAW;IAAEC;EAAI,CAAE,GAAG,MAAMb,OAAA,CAAQc,IAAI,CAAC;IAAEvB,OAAA;IAASe;EAAI;EAEhE,OAAO;IACLH,IAAA;IACAS,WAAA;IACAN,GAAA;IACAO;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"initReq.js","names":["initI18n","headers","getHeaders","createLocalReq","parseCookies","cache","getPayloadHMR","getRequestLanguage","initReq","config","payload","cookies","languageCode","i18n","context","language","req","fallbackLocale","host","get","url","serverURL","permissions","user","auth"],"sources":["../../src/utilities/initReq.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { PayloadRequest, Permissions, SanitizedConfig, User } from 'payload'\n\nimport { initI18n } from '@payloadcms/translations'\nimport { headers as getHeaders } from 'next/headers.js'\nimport { createLocalReq, parseCookies } from 'payload'\nimport { cache } from 'react'\n\nimport { getPayloadHMR } from './getPayloadHMR.js'\nimport { getRequestLanguage } from './getRequestLanguage.js'\n\ntype Result = {\n  i18n: I18nClient\n  permissions: Permissions\n  req: PayloadRequest\n  user: User\n}\n\nexport const initReq = cache(async function (config: SanitizedConfig): Promise<Result> {\n  const payload = await getPayloadHMR({ config })\n\n  const headers = await getHeaders()\n  const cookies = parseCookies(headers)\n\n  const languageCode = getRequestLanguage({\n    config,\n    cookies,\n    headers,\n  })\n\n  const i18n: I18nClient = await initI18n({\n    config: config.i18n,\n    context: 'client',\n    language: languageCode,\n  })\n\n  const req = await createLocalReq(\n    {\n      fallbackLocale: 'null',\n      req: {\n        headers,\n        host: headers.get('host'),\n        i18n,\n        url: `${payload.config.serverURL}`,\n      } as PayloadRequest,\n    },\n    payload,\n  )\n\n  const { permissions, user } = await payload.auth({ headers, req })\n\n  return {\n    i18n,\n    permissions,\n    req,\n    user,\n  }\n})\n"],"mappings":"AAGA,SAASA,QAAQ,QAAQ;AACzB,SAASC,OAAA,IAAWC,UAAU,QAAQ;AACtC,SAASC,cAAc,EAAEC,YAAY,QAAQ;AAC7C,SAASC,KAAK,QAAQ;AAEtB,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AASnC,OAAO,MAAMC,OAAA,GAAUH,KAAA,CAAM,gBAAgBI,MAAuB;EAClE,MAAMC,OAAA,GAAU,MAAMJ,aAAA,CAAc;IAAEG;EAAO;EAE7C,MAAMR,OAAA,GAAU,MAAMC,UAAA;EACtB,MAAMS,OAAA,GAAUP,YAAA,CAAaH,OAAA;EAE7B,MAAMW,YAAA,GAAeL,kBAAA,CAAmB;IACtCE,MAAA;IACAE,OAAA;IACAV;EACF;EAEA,MAAMY,IAAA,GAAmB,MAAMb,QAAA,CAAS;IACtCS,MAAA,EAAQA,MAAA,CAAOI,IAAI;IACnBC,OAAA,EAAS;IACTC,QAAA,EAAUH;EACZ;EAEA,MAAMI,GAAA,GAAM,MAAMb,cAAA,CAChB;IACEc,cAAA,EAAgB;IAChBD,GAAA,EAAK;MACHf,OAAA;MACAiB,IAAA,EAAMjB,OAAA,CAAQkB,GAAG,CAAC;MAClBN,IAAA;MACAO,GAAA,EAAK,GAAGV,OAAA,CAAQD,MAAM,CAACY,SAAS;IAClC;EACF,GACAX,OAAA;EAGF,MAAM;IAAEY,WAAW;IAAEC;EAAI,CAAE,GAAG,MAAMb,OAAA,CAAQc,IAAI,CAAC;IAAEvB,OAAA;IAASe;EAAI;EAEhE,OAAO;IACLH,IAAA;IACAS,WAAA;IACAN,GAAA;IACAO;EACF;AACF","ignoreList":[]}

package/dist/views/API/RenderJSON/index.scss

@@ -1,90 +1,92 @@
 @import '../../../scss/styles.scss';
 
-.query-inspector {
-  &__json-children {
-    position: relative;
+@layer payload-default {
+  .query-inspector {
+    &__json-children {
+      position: relative;
 
-    &:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 8px;
-      width: 1px;
-      height: 100%;
-      border-left: 1px dashed var(--theme-elevation-200);
+      &:before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 8px;
+        width: 1px;
+        height: 100%;
+        border-left: 1px dashed var(--theme-elevation-200);
+      }
     }
-  }
 
-  &__list-wrap {
-    position: relative;
-  }
+    &__list-wrap {
+      position: relative;
+    }
 
-  &__list-toggle {
-    all: unset;
-    width: 100%;
-    text-align: left;
-    cursor: pointer;
-    border-radius: 3px;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    position: relative;
-    display: flex;
-    gap: 10px;
-    align-items: center;
-    left: -3px;
-    width: calc(100% + 3px);
+    &__list-toggle {
+      all: unset;
+      width: 100%;
+      text-align: left;
+      cursor: pointer;
+      border-radius: 3px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      position: relative;
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      left: -3px;
+      width: calc(100% + 3px);
 
-    svg {
-      margin-left: 5px;
-    }
+      svg {
+        margin-left: 5px;
+      }
 
-    svg .stroke {
-      stroke: var(--theme-elevation-400);
-    }
+      svg .stroke {
+        stroke: var(--theme-elevation-400);
+      }
 
-    &:hover {
-      background-color: var(--theme-elevation-100);
-    }
+      &:hover {
+        background-color: var(--theme-elevation-100);
+      }
 
-    &--empty {
-      cursor: default;
-      pointer-events: none;
+      &--empty {
+        cursor: default;
+        pointer-events: none;
+      }
     }
-  }
 
-  &__toggle-row-icon {
-    &--open {
-      transform: rotate(0deg);
-    }
-    &--closed {
-      transform: rotate(-90deg);
+    &__toggle-row-icon {
+      &--open {
+        transform: rotate(0deg);
+      }
+      &--closed {
+        transform: rotate(-90deg);
+      }
     }
-  }
 
-  &__value-type {
-    &--number {
-      .query-inspector__value {
-        color: var(--number-color);
+    &__value-type {
+      &--number {
+        .query-inspector__value {
+          color: var(--number-color);
+        }
       }
-    }
 
-    &--string {
-      .query-inspector__value {
-        color: var(--string-color);
+      &--string {
+        .query-inspector__value {
+          color: var(--string-color);
+        }
       }
     }
-  }
 
-  &__row-line--nested {
-    margin-left: 25px;
-  }
+    &__row-line--nested {
+      margin-left: 25px;
+    }
 
-  &__bracket {
-    position: relative;
+    &__bracket {
+      position: relative;
 
-    &--position-end {
-      left: 5px;
-      width: calc(100% - 5px);
+      &--position-end {
+        left: 5px;
+        width: calc(100% - 5px);
+      }
     }
   }
 }

package/dist/views/API/index.scss

@@ -1,123 +1,125 @@
 @import '../../scss/styles.scss';
 
-.query-inspector {
-  --string-color: #11b102;
-  --number-color: #62c3f3;
-  display: flex;
-  gap: calc(var(--base) * 2);
-  align-items: flex-start;
-
-  ul {
-    padding-left: calc(var(--base) * 1);
-  }
+@layer payload-default {
+  .query-inspector {
+    --string-color: #11b102;
+    --number-color: #62c3f3;
+    display: flex;
+    gap: calc(var(--base) * 2);
+    align-items: flex-start;
 
-  &--fullscreen {
-    padding-left: 0;
-    .query-inspector__configuration {
-      display: none;
+    ul {
+      padding-left: calc(var(--base) * 1);
     }
-  }
 
-  &__configuration {
-    margin-top: calc(var(--base) * 2);
-    width: 60%;
-    position: sticky;
-    top: var(--base);
-  }
+    &--fullscreen {
+      padding-left: 0;
+      .query-inspector__configuration {
+        display: none;
+      }
+    }
 
-  &__api-url {
-    margin-bottom: calc(var(--base) * 1.5);
+    &__configuration {
+      margin-top: calc(var(--base) * 2);
+      width: 60%;
+      position: sticky;
+      top: var(--base);
+    }
 
-    a {
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      text-decoration: none;
+    &__api-url {
+      margin-bottom: calc(var(--base) * 1.5);
 
-      &:hover,
-      &:focus-visible {
-        text-decoration: underline;
+      a {
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        text-decoration: none;
+
+        &:hover,
+        &:focus-visible {
+          text-decoration: underline;
+        }
       }
     }
-  }
 
-  &__form-fields {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-  }
-
-  &__label {
-    color: var(--theme-elevation-400);
-  }
+    &__form-fields {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
 
-  &__filter-query-checkboxes {
-    display: flex;
-    gap: var(--base);
-  }
+    &__label {
+      color: var(--theme-elevation-400);
+    }
 
-  &__results-wrapper {
-    font-family: var(--font-mono);
-    width: 100%;
-    ul {
-      margin: 0;
+    &__filter-query-checkboxes {
+      display: flex;
+      gap: var(--base);
     }
-    li {
-      list-style: none;
+
+    &__results-wrapper {
+      font-family: var(--font-mono);
+      width: 100%;
+      ul {
+        margin: 0;
+      }
+      li {
+        list-style: none;
+      }
     }
-  }
 
-  &__toggle-fullscreen-button-container {
-    position: sticky;
-    top: 0;
-    z-index: 1;
+    &__toggle-fullscreen-button-container {
+      position: sticky;
+      top: 0;
+      z-index: 1;
 
-    @include mid-break {
-      display: none;
+      @include mid-break {
+        display: none;
+      }
     }
-  }
 
-  &__toggle-fullscreen-button {
-    position: absolute;
-    right: calc(var(--base) * 0.5);
-    top: calc(var(--base) * 0.5);
-    padding: calc(var(--base) * 0.25);
-    background-color: var(--theme-elevation-0);
-    cursor: pointer;
-    z-index: 1;
-    margin: 0;
-    border: 0;
-    border-radius: 3px;
-    color: var(--theme-elevation-300);
-    &:hover {
-      color: var(--theme-elevation-700);
+    &__toggle-fullscreen-button {
+      position: absolute;
+      right: calc(var(--base) * 0.5);
+      top: calc(var(--base) * 0.5);
+      padding: calc(var(--base) * 0.25);
+      background-color: var(--theme-elevation-0);
+      cursor: pointer;
+      z-index: 1;
+      margin: 0;
+      border: 0;
+      border-radius: 3px;
+      color: var(--theme-elevation-300);
+      &:hover {
+        color: var(--theme-elevation-700);
+      }
     }
-  }
 
-  &__results {
-    padding-top: calc(var(--base) * 0.5);
-    padding-left: calc(var(--base) * 0.5);
-    padding-bottom: calc(var(--base) * 0.5);
-    background-color: var(--theme-elevation-50);
-    overflow: auto;
-    min-height: 100vh;
-  }
-
-  @include mid-break {
-    flex-direction: column;
-    padding-left: 0;
+    &__results {
+      padding-top: calc(var(--base) * 0.5);
+      padding-left: calc(var(--base) * 0.5);
+      padding-bottom: calc(var(--base) * 0.5);
+      background-color: var(--theme-elevation-50);
+      overflow: auto;
+      min-height: 100vh;
+    }
 
-    .query-inspector__configuration {
-      position: relative;
-      width: 100%;
-      top: 0;
-      padding-inline-end: var(--gutter-h);
+    @include mid-break {
+      flex-direction: column;
+      padding-left: 0;
+
+      .query-inspector__configuration {
+        position: relative;
+        width: 100%;
+        top: 0;
+        padding-inline-end: var(--gutter-h);
+      }
     }
   }
-}
 
-html[data-theme='light'] {
-  .query-inspector {
-    --number-color: #2e9cd3;
+  html[data-theme='light'] {
+    .query-inspector {
+      --number-color: #2e9cd3;
+    }
   }
 }

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

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

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

@@ -1 +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,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAKrB,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;CAC1C,CAaA,CAAA"}
+{"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,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAKrB,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,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;CACzC,CAaA,CAAA"}

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

@@ -8,7 +8,8 @@ export const Settings = props => {
   const {
     className,
     i18n,
-    languageOptions
+    languageOptions,
+    theme
   } = props;
   return /*#__PURE__*/_jsxs("div", {
     className: [baseClass, className].filter(Boolean).join(' '),
@@ -23,7 +24,7 @@ export const Settings = props => {
       }), /*#__PURE__*/_jsx(LanguageSelector, {
         languageOptions: languageOptions
       })]
-    }), /*#__PURE__*/_jsx(ToggleTheme, {})]
+    }), theme === 'all' && /*#__PURE__*/_jsx(ToggleTheme, {})]
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FieldLabel","React","ToggleTheme","LanguageSelector","baseClass","Settings","props","className","i18n","languageOptions","_jsxs","filter","Boolean","join","_jsx","t","field","htmlFor","label"],"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { LanguageOptions } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport './index.scss'\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}> = (props) => {\n  const { className, i18n, languageOptions } = 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 field={null} htmlFor=\"language-select\" label={i18n.t('general:language')} />\n        <LanguageSelector languageOptions={languageOptions} />\n      </div>\n      <ToggleTheme />\n    </div>\n  )\n}\n"],"mappings":";AAGA,SAASA,UAAU,QAAQ;AAC3B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAE5B,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAIPC,KAAA;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAe,CAAE,GAAGH,KAAA;EAE7C,oBACEI,KAAA,CAAC;IAAIH,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAAC;gBAAIN,IAAA,CAAKO,CAAC,CAAC;qBACZL,KAAA,CAAC;MAAIH,SAAA,EAAW,GAAGH,SAAA,YAAqB;8BACtCU,IAAA,CAACd,UAAA;QAAWgB,KAAA,EAAO;QAAMC,OAAA,EAAQ;QAAkBC,KAAA,EAAOV,IAAA,CAAKO,CAAC,CAAC;uBACjED,IAAA,CAACX,gBAAA;QAAiBM,eAAA,EAAiBA;;qBAErCK,IAAA,CAACZ,WAAA;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["FieldLabel","React","ToggleTheme","LanguageSelector","baseClass","Settings","props","className","i18n","languageOptions","theme","_jsxs","filter","Boolean","join","_jsx","t","field","htmlFor","label"],"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Config, LanguageOptions } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport './index.scss'\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 theme: Config['admin']['theme']\n}> = (props) => {\n  const { className, i18n, languageOptions, theme } = 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 field={null} htmlFor=\"language-select\" label={i18n.t('general:language')} />\n        <LanguageSelector languageOptions={languageOptions} />\n      </div>\n      {theme === 'all' && <ToggleTheme />}\n    </div>\n  )\n}\n"],"mappings":";AAGA,SAASA,UAAU,QAAQ;AAC3B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAE5B,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAKPC,KAAA;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,eAAe;IAAEC;EAAK,CAAE,GAAGJ,KAAA;EAEpD,oBACEK,KAAA,CAAC;IAAIJ,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAAC;gBAAIP,IAAA,CAAKQ,CAAC,CAAC;qBACZL,KAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGH,SAAA,YAAqB;8BACtCW,IAAA,CAACf,UAAA;QAAWiB,KAAA,EAAO;QAAMC,OAAA,EAAQ;QAAkBC,KAAA,EAAOX,IAAA,CAAKQ,CAAC,CAAC;uBACjED,IAAA,CAACZ,gBAAA;QAAiBM,eAAA,EAAiBA;;QAEpCC,KAAA,KAAU,sBAASK,IAAA,CAACb,WAAA;;AAG3B","ignoreList":[]}

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

@@ -1,46 +1,48 @@
 @import '../../../scss/styles.scss';
 
-.payload-settings {
-  position: relative;
-  margin-bottom: calc(var(--base) * 2);
+@layer payload-default {
+  .payload-settings {
+    position: relative;
+    margin-bottom: calc(var(--base) * 2);
 
-  h3 {
-    margin: 0;
-  }
+    h3 {
+      margin: 0;
+    }
 
-  &::before,
-  &::after {
-    content: '';
-    display: block;
-    height: 1px;
-    background: var(--theme-elevation-100);
-    width: calc(100% + calc(var(--base) * 5));
-    left: calc(var(--gutter-h) * -1);
-    top: 0;
-    position: absolute;
-  }
+    &::before,
+    &::after {
+      content: '';
+      display: block;
+      height: 1px;
+      background: var(--theme-elevation-100);
+      width: calc(100% + calc(var(--base) * 5));
+      left: calc(var(--gutter-h) * -1);
+      top: 0;
+      position: absolute;
+    }
 
-  &::after {
-    display: none;
-    bottom: 0;
-    top: unset;
-  }
+    &::after {
+      display: none;
+      bottom: 0;
+      top: unset;
+    }
 
-  margin-top: calc(var(--base) * 3);
-  padding-top: calc(var(--base) * 3);
-  padding-bottom: calc(var(--base) * 3);
-  display: flex;
-  flex-direction: column;
-  gap: var(--base);
+    margin-top: calc(var(--base) * 3);
+    padding-top: calc(var(--base) * 3);
+    padding-bottom: calc(var(--base) * 3);
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
 
-  @include mid-break {
-    margin-bottom: var(--base);
-    padding-top: calc(var(--base) * 2);
-    margin-top: calc(var(--base) * 2);
-    padding-bottom: calc(var(--base) * 2);
+    @include mid-break {
+      margin-bottom: var(--base);
+      padding-top: calc(var(--base) * 2);
+      margin-top: calc(var(--base) * 2);
+      padding-bottom: calc(var(--base) * 2);
 
-    &::after {
-      display: block;
+      &::after {
+        display: block;
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAmC/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAoC/B,CAAA"}

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

@@ -28,6 +28,7 @@ export const ToggleTheme = () => {
   let t1;
   if ($[2] !== t || $[3] !== autoMode || $[4] !== theme || $[5] !== onChange) {
     t1 = _jsx(RadioGroupField, {
+      disableModifyingForm: true,
       field: {
         name: "theme",
         label: t("general:adminTheme"),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","field","name","label","options","value"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAO,QAAA;IAIVC,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,KAAA;QAAAC,IAAA,EAEU;QAAAC,KAAA,EACCR,CAAA,CAAE;QAAAS,OAAA;UAAAD,KAAA,EAGER,CAAA,CAAE;UAAAU,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAR,CAAA,CAAE;UAAAU,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAR,CAAA,CAAE;UAAAU,KAAA,EACF;QAAA;MAAA;MAAAP,QAAA;MAAAO,KAAA,EAKNb,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SApB7BK,E;CAuBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","disableModifyingForm","field","name","label","options","value"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAO,QAAA;IAIVC,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,oBAAA;MAAAC,KAAA;QAAAC,IAAA,EAGU;QAAAC,KAAA,EACCT,CAAA,CAAE;QAAAU,OAAA;UAAAD,KAAA,EAGET,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;MAAA;MAAAR,QAAA;MAAAQ,KAAA,EAKNd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SArB7BK,E;CAwBJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAU7C,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8F5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAU7C,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkG5C,CAAA"}

package/dist/views/Account/index.js

@@ -36,6 +36,7 @@ export const Account = async ({
           Account: CustomAccountComponent
         } = {}
       } = {},
+      theme,
       user: userSlug
     },
     routes: {
@@ -82,14 +83,15 @@ export const Account = async ({
     return /*#__PURE__*/_jsx(DocumentInfoProvider, {
       AfterFields: /*#__PURE__*/_jsx(Settings, {
         i18n: i18n,
-        languageOptions: languageOptions
+        languageOptions: languageOptions,
+        theme: theme
       }),
       apiURL: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
       collectionSlug: userSlug,
       docPermissions: docPermissions,
       hasPublishPermission: hasPublishPermission,
       hasSavePermission: hasSavePermission,
-      id: user?.id.toString(),
+      id: user?.id,
       initialData: data,
       initialState: formState,
       isEditing: true,