@payloadcms/next 4.0.0-internal.5b1e7cd → 4.0.0-internal.5f0cd13

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","formatAdminURL","hasDraftsEnabled","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","origin","setOrigin","useEffect","window","location","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","right","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","step","max","min","onClick","type","isMinimized","object"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetDocumentStepNav,\n  toast,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.scss'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\n\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      defaultDepth,\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: `/${string}` = undefined\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(\n    searchParams.get('depth') || defaultDepth.toString(),\n  )\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n  const [origin, setOrigin] = React.useState<string>(serverURL || '')\n\n  // Set the origin to the window.location.origin in useEffect to avoid hydration errors\n  React.useEffect(() => {\n    if (!serverURL) {\n      setOrigin(window.location.origin)\n    }\n  }, [serverURL])\n\n  const trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: `${docEndpoint}?${params}`,\n    serverURL: origin,\n  })\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <Gutter\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n      right={false}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberField\n              field={{\n                name: 'depth',\n                admin: {\n                  step: 1,\n                },\n                label: t('general:depth'),\n                max: 10,\n                min: 0,\n              }}\n              onChange={(value) => setDepth(value?.toString())}\n              path=\"depth\"\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["Button","CheckboxField","CodeEditorLazy","ExternalLinkIcon","Form","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","TextInput","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","formatAdminURL","hasDraftsEnabled","React","LocaleSelector","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","origin","setOrigin","jsonString","useMemo","JSON","stringify","recalculatedHeightAt","setRecalculatedHeightAt","useEffect","count","window","location","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","initialState","initialValue","valid","Number","onChange","field","name","step","max","min","htmlAttributes","readOnly","buttonStyle","el","icon","size","margin","newTab","url","isMinimized","onClick","defaultLanguage","height","options","fixedOverflowWidgets","folding","lineNumbers","stickyScroll","enabled","wordWrap"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  CheckboxField,\n  CodeEditorLazy,\n  ExternalLinkIcon,\n  Form,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetDocumentStepNav,\n  TextInput,\n  toast,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.css'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\n\nimport { LocaleSelector } from './LocaleSelector/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      defaultDepth,\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: `/${string}` = undefined\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(\n    searchParams.get('depth') || defaultDepth.toString(),\n  )\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n  const [origin, setOrigin] = React.useState<string>(serverURL || '')\n\n  const jsonString = React.useMemo(\n    () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n    [data],\n  )\n\n  // readOnly editors never fire onChange, so bump a counter to re-fit height on data change\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = React.useState(0)\n  React.useEffect(() => {\n    setRecalculatedHeightAt((count) => count + 1)\n  }, [jsonString])\n\n  // Set the origin to the window.location.origin in useEffect to avoid hydration errors\n  React.useEffect(() => {\n    if (!serverURL) {\n      setOrigin(window.location.origin)\n    }\n  }, [serverURL])\n\n  const trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: `${docEndpoint}?${params}`,\n    serverURL: origin,\n  })\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <div\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__configuration`}>\n          <Form\n            initialState={{\n              authenticated: {\n                initialValue: authenticated || false,\n                valid: true,\n                value: authenticated || false,\n              },\n              depth: {\n                initialValue: Number(depth || 0),\n                valid: true,\n                value: Number(depth || 0),\n              },\n              draft: {\n                initialValue: draft || false,\n                valid: true,\n                value: draft || false,\n              },\n              locale: {\n                initialValue: locale,\n                valid: true,\n                value: locale,\n              },\n            }}\n          >\n            <div className={`${baseClass}__form-fields`}>\n              {localeOptions && (\n                <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />\n              )}\n              <NumberField\n                field={{\n                  name: 'depth',\n                  admin: {\n                    step: 1,\n                  },\n                  label: t('general:depth'),\n                  max: 10,\n                  min: 0,\n                }}\n                onChange={(value) => setDepth(value?.toString())}\n                path=\"depth\"\n              />\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n          </Form>\n        </div>\n        <div className={`${baseClass}__results-wrapper`}>\n          <div className={`${baseClass}__results-bar`}>\n            <div className={`${baseClass}__api-url-field`}>\n              <TextInput\n                className={`${baseClass}__api-url-input`}\n                htmlAttributes={{\n                  'aria-label': 'API URL',\n                  readOnly: true,\n                }}\n                path=\"api-url\"\n                readOnly={false}\n                value={fetchURL}\n              />\n            </div>\n            <div className={`${baseClass}__results-bar-actions`}>\n              <Button\n                aria-label={t('general:openInNewWindow')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__api-url-open-button`}\n                el=\"anchor\"\n                icon={<ExternalLinkIcon size={16} />}\n                margin={false}\n                newTab\n                size=\"large\"\n                url={fetchURL}\n              />\n              <Button\n                aria-label=\"toggle fullscreen\"\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__toggle-fullscreen-button`}\n                icon={<MinimizeMaximizeIcon isMinimized={!fullscreen} />}\n                margin={false}\n                onClick={() => setFullscreen(!fullscreen)}\n                size=\"large\"\n              />\n            </div>\n          </div>\n          <div className={`${baseClass}__results`}>\n            <CodeEditorLazy\n              defaultLanguage=\"json\"\n              height=\"100%\"\n              options={{\n                fixedOverflowWidgets: true,\n                folding: true,\n                lineNumbers: 'on',\n                stickyScroll: { enabled: false },\n                wordWrap: 'off',\n              }}\n              readOnly\n              recalculatedHeightAt={recalculatedHeightAt}\n              value={jsonString}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.css

@@ -0,0 +1,205 @@
+@layer payload-default {
+  .query-inspector {
+    --header-offset: 110px;
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+
+    ul {
+      padding-left: var(--spacer-3);
+    }
+  }
+
+  .query-inspector--fullscreen {
+    padding: 0;
+
+    .query-inspector__configuration {
+      display: none;
+    }
+
+    .query-inspector__content {
+      grid-template-columns: 1fr;
+    }
+
+    .query-inspector__results-wrapper {
+      border: 0;
+    }
+
+    .query-inspector__results-bar {
+      padding-inline-start: var(--gutter-h);
+    }
+
+    .query-inspector__results {
+      padding-inline-start: var(--gutter-h);
+    }
+  }
+
+  .query-inspector__content {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+    flex: 1;
+    min-height: 0;
+  }
+
+  .query-inspector__configuration {
+    padding: var(--spacer-3) var(--gutter-h);
+    overflow-y: auto;
+  }
+
+  .query-inspector__api-url-field {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .query-inspector__api-url-open-button {
+    color: var(--color-icon-secondary);
+
+    &:hover {
+      color: var(--color-icon);
+    }
+  }
+
+  .query-inspector__api-url-input {
+    gap: 0;
+
+    .field-type__wrap {
+      gap: 0;
+    }
+
+    .form-input {
+      user-select: text;
+      -webkit-user-select: text;
+      cursor: text;
+    }
+  }
+
+  .query-inspector__label {
+    font-weight: var(--text-body-large-strong-font-weight);
+  }
+
+  .query-inspector__form-fields {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-field);
+  }
+
+  .query-inspector__filter-query-checkboxes {
+    display: flex;
+    gap: var(--spacer-3);
+
+    .checkbox-input label.field-label:not(.unstyled) {
+      color: var(--color-text);
+      font-family: var(--text-body-medium-font-family);
+      font-size: var(--text-body-medium-font-size);
+      font-weight: var(--text-body-medium-font-weight);
+      line-height: var(--text-body-medium-line-height);
+    }
+  }
+
+  .query-inspector__results-wrapper {
+    display: flex;
+    flex-direction: column;
+    font-family: var(--font-family-mono);
+    min-width: 0;
+    max-height: calc(100dvh - var(--header-offset));
+    overflow: hidden;
+    background-color: var(--color-bg-secondary);
+    border-inline-start: var(--stroke-width-small) solid var(--color-border);
+
+    ul {
+      margin: 0;
+    }
+
+    li {
+      list-style: none;
+    }
+  }
+
+  .query-inspector__results-bar {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2-5);
+    padding: var(--spacer-2);
+    padding-inline-end: var(--gutter-h);
+    background-color: var(--color-bg);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    flex-shrink: 0;
+  }
+
+  .query-inspector__results-bar-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    margin-inline-start: var(--spacer-2);
+    flex-shrink: 0;
+  }
+
+  .query-inspector__toggle-fullscreen-button {
+    background-color: transparent;
+    cursor: pointer;
+    margin: 0;
+    border: 0;
+    border-radius: var(--radius-medium);
+    color: var(--color-icon-secondary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &:hover {
+      background-color: var(--color-bg-hover);
+      color: var(--color-icon);
+    }
+
+    &:active {
+      background-color: var(--color-bg-pressed);
+      color: var(--color-icon);
+    }
+  }
+
+  .query-inspector__results {
+    overflow: visible;
+    min-height: 0;
+    flex: 1;
+  }
+
+  /* Flush, full-panel */
+  .query-inspector__results .code-editor.read-only {
+    background: var(--color-bg-secondary);
+    border: 0;
+    border-radius: 0;
+  }
+
+  @media (max-width: 1024px) {
+    .query-inspector__content {
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+      gap: var(--spacer-3);
+    }
+
+    .query-inspector__results {
+      padding-inline-start: var(--gutter-h);
+    }
+
+    .query-inspector__results-bar {
+      padding-inline-start: var(--gutter-h);
+    }
+
+    .query-inspector__configuration {
+      padding-inline-end: var(--gutter-h);
+    }
+
+    .query-inspector__results-wrapper {
+      border-inline-start: 0;
+      border-top: var(--stroke-width-small) solid var(--color-border);
+      flex: 1;
+      max-height: none;
+      min-height: 0;
+    }
+
+    .query-inspector--fullscreen .query-inspector__results-wrapper {
+      border-top: 0;
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+@layer payload-default {
+  .payload-settings {
+    position: relative;
+    margin: var(--spacer-3) 0;
+    padding: var(--spacer-3) 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+  }
+
+  .payload-settings h3 {
+    margin: 0;
+  }
+
+  .payload-settings::before,
+  .payload-settings::after {
+    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;
+  }
+}

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

@@ -1,7 +1,7 @@
 import type { I18n } from '@payloadcms/translations';
 import type { BasePayload, Config, LanguageOptions, TypedUser } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const Settings: React.FC<{
     readonly className?: string;
     readonly i18n: I18n;

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,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAG9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAMrB,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,CAcA,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,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAG9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAOpB,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

@@ -2,6 +2,7 @@ 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 { ToggleHighContrast } from '../ToggleHighContrast/index.js';
 import { ToggleTheme } from '../ToggleTheme/index.js';
 import { LanguageSelector } from './LanguageSelector.js';
 const baseClass = 'payload-settings';
@@ -25,7 +26,7 @@ export const Settings = props => {
       }), /*#__PURE__*/_jsx(LanguageSelector, {
         languageOptions: languageOptions
       })]
-    }), theme === 'all' && /*#__PURE__*/_jsx(ToggleTheme, {}), /*#__PURE__*/_jsx(ResetPreferences, {
+    }), theme === 'all' && /*#__PURE__*/_jsx(ToggleTheme, {}), /*#__PURE__*/_jsx(ToggleHighContrast, {}), /*#__PURE__*/_jsx(ResetPreferences, {
       user: user
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FieldLabel","React","ResetPreferences","ToggleTheme","LanguageSelector","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 { 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, 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      <ResetPreferences 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,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,CAACjB,UAAA;QAAWmB,OAAA,EAAQ;QAAkBC,KAAA,EAAOX,IAAA,CAAKS,CAAC,CAAC;uBACpDD,IAAA,CAACb,gBAAA;QAAiBM,eAAA,EAAiBA;;QAEpCC,KAAA,KAAU,sBAASM,IAAA,CAACd,WAAA,O,aACrBc,IAAA,CAACf,gBAAA;MAAiBU,IAAA,EAAMA;;;AAG9B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["FieldLabel","React","ResetPreferences","ToggleHighContrast","ToggleTheme","LanguageSelector","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 { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ResetPreferences } from '../ResetPreferences/index.js'\nimport './index.css'\nimport { ToggleHighContrast } from '../ToggleHighContrast/index.js'\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, 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,SAASA,UAAU,QAAQ;AAC3B,OAAOC,KAAA,MAAW;AAElB,SAASC,gBAAgB,QAAQ;AAEjC,SAASC,kBAAkB,QAAQ;AACnC,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,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,CAAClB,UAAA;QAAWoB,OAAA,EAAQ;QAAkBC,KAAA,EAAOX,IAAA,CAAKS,CAAC,CAAC;uBACpDD,IAAA,CAACb,gBAAA;QAAiBM,eAAA,EAAiBA;;QAEpCC,KAAA,KAAU,sBAASM,IAAA,CAACd,WAAA,O,aACrBc,IAAA,CAACf,kBAAA,O,aACDe,IAAA,CAAChB,gBAAA;MAAiBW,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":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAoBtC,CAAA"}

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

@@ -0,0 +1,45 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckboxInput, useTheme, useTranslation } from '@payloadcms/ui';
+import React, { useCallback } from 'react';
+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","CheckboxInput","useTheme","useTranslation","React","useCallback","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 { CheckboxInput, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\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,SAASC,aAAa,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AACxD,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,kBAAA,GAA+BA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC1C;IAAAQ,gBAAA;IAAAC;EAAA,IAAkDP,QAAA;EAClD;IAAAQ;EAAA,IAAcP,cAAA;EAAA,IAAAQ,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,CAAAhB,aAAA;MAAAa,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/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,oBAAoB,EAA+B,MAAM,SAAS,CAAA;AAOhF,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,wBAAsB,WAAW,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,8BAgK/F"}
+{"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;AAQhF,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,wBAAsB,WAAW,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,8BAiK/F"}

package/dist/views/Account/index.js

@@ -1,11 +1,11 @@
 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 { DocumentHeader } from '@payloadcms/ui/rsc';
 import { buildFormState } from '@payloadcms/ui/utilities/buildFormState';
 import { notFound } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
-import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
 import { getDocPreferences } from '../Document/getDocPreferences.js';
 import { getDocumentData } from '../Document/getDocumentData.js';
 import { getDocumentPermissions } from '../Document/getDocumentPermissions.js';
@@ -171,6 +171,7 @@ export async function AccountView({
             permissions,
             routeSegments: [],
             searchParams,
+            server: req.server,
             user
           }
         }), /*#__PURE__*/_jsx(AccountClient, {})]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderServerComponent","buildFormState","notFound","formatAdminURL","React","DocumentHeader","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","EditView","AccountClient","Settings","AccountView","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","theme","userSlug","routes","api","serverURL","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"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, DocumentViewServerPropsOnly } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\nimport { notFound } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocPreferences } from '../Document/getDocPreferences.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { getIsLocked } from '../Document/getIsLocked.js'\nimport { getVersions } from '../Document/getVersions.js'\nimport { EditView } from '../Edit/index.js'\nimport { AccountClient } from './index.client.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    serverURL,\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: EditView,\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              user,\n            } satisfies DocumentViewServerPropsOnly,\n          })}\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderServerComponent","DocumentHeader","buildFormState","notFound","formatAdminURL","React","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","EditView","AccountClient","Settings","AccountView","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","theme","userSlug","routes","api","serverURL","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"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, DocumentViewServerPropsOnly } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { DocumentHeader } from '@payloadcms/ui/rsc'\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\nimport { notFound } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { getDocPreferences } from '../Document/getDocPreferences.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { getIsLocked } from '../Document/getIsLocked.js'\nimport { getVersions } from '../Document/getVersions.js'\nimport { EditView } from '../Edit/index.js'\nimport { AccountClient } from './index.client.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    serverURL,\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: EditView,\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 notFound()\n}\n"],"mappings":";AAEA,SAASA,oBAAoB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ;AAC7E,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AAEzB,OAAO,eAAeC,YAAY;EAAEC,cAAc;EAAEC,MAAM;EAAEC;AAAY,CAAwB;EAC9F,MAAM;IACJC,eAAe;IACfC,MAAM;IACNC,WAAW;IACXC,GAAG;IACHA,GAAA,EAAK;MACHC,IAAI;MACJC,OAAO;MACPA,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBC;IAAI;EACL,CACF,GAAGV,cAAA;EAEJ,MAAM;IACJW,KAAA,EAAO;MAAEC,KAAK;MAAEF,IAAA,EAAMG;IAAQ,CAAE;IAChCC,MAAA,EAAQ;MAAEC;IAAG,CAAE;IACfC;EAAS,CACV,GAAGP,MAAA;EAEJ,MAAMQ,gBAAA,GAAmBT,OAAA,EAASU,WAAA,GAAcL,QAAA,CAAS,EAAEJ,MAAA;EAE3D,IAAIQ,gBAAA,IAAoBP,IAAA,EAAMS,EAAA,EAAI;IAChC;IACA,MAAMC,IAAA,GAAO,MAAM5B,eAAA,CAAgB;MACjC2B,EAAA,EAAIT,IAAA,CAAKS,EAAE;MACXE,cAAA,EAAgBJ,gBAAA,CAAiBK,IAAI;MACrClB,MAAA;MACAI,OAAA;MACAF,GAAA;MACAI;IACF;IAEA,IAAI,CAACU,IAAA,EAAM;MACT,MAAM,IAAIG,KAAA,CAAM;IAClB;IAEA;IACA,MAAMC,cAAA,GAAiB,MAAMjC,iBAAA,CAAkB;MAC7C4B,EAAA,EAAIT,IAAA,CAAKS,EAAE;MACXE,cAAA,EAAgBJ,gBAAA,CAAiBK,IAAI;MACrCd,OAAA;MACAE;IACF;IAEA;IACA,MAAM;MACJe,cAAc;MACdC,mBAAmB;MACnBC,oBAAoB;MACpBC,iBAAiB;MACjBC;IAAkB,CACnB,GAAG,MAAMpC,sBAAA,CAAuB;MAC/B0B,EAAA,EAAIT,IAAA,CAAKS,EAAE;MACXF,gBAAA;MACAG,IAAA;MACAd;IACF;IAEA;IACA,MAAM;MAAEwB,KAAA,EAAOC;IAAS,CAAE,GAAG,MAAM5C,cAAA,CAAe;MAChDgC,EAAA,EAAIT,IAAA,CAAKS,EAAE;MACXE,cAAA,EAAgBJ,gBAAA,CAAiBK,IAAI;MACrCF,IAAA;MACAK,cAAA;MACAD,cAAA;MACApB,MAAA,EAAQA,MAAA,EAAQ4B,IAAA;MAChBC,SAAA,EAAW;MACXC,eAAA,EAAiB;MACjB5B,GAAA;MACA6B,UAAA,EAAYlB,gBAAA,CAAiBK,IAAI;MACjCc,cAAA,EAAgB;IAClB;IAEA;IACA,MAAM;MAAEC,aAAa;MAAEC,QAAQ;MAAEC;IAAc,CAAE,GAAG,MAAM7C,WAAA,CAAY;MACpEyB,EAAA,EAAIT,IAAA,CAAKS,EAAE;MACXF,gBAAA;MACAuB,SAAA,EAAW;MACXlC;IACF;IAEA;IACA,MAAM;MAAEmC,eAAe;MAAEC,4BAA4B;MAAEC,uBAAuB;MAAEC;IAAY,CAAE,GAC5F,MAAMjD,WAAA,CAAY;MAChBwB,EAAA,EAAIT,IAAA,CAAKS,EAAE;MACXF,gBAAA;MACA4B,GAAA,EAAKzB,IAAA;MACLK,cAAA;MACArB,MAAA,EAAQA,MAAA,EAAQ4B,IAAA;MAChBxB,OAAA;MACAE;IACF;IAEF,oBACEoC,IAAA,CAAChE,oBAAA;MACCiE,WAAA,eACED,IAAA,CAAChD,QAAA;QACCS,IAAA,EAAMA,IAAA;QACNJ,eAAA,EAAiBA,eAAA;QACjBK,OAAA,EAASA,OAAA;QACTI,KAAA,EAAOA,KAAA;QACPF,IAAA,EAAMA;;MAGVsC,MAAA,EAAQ3D,cAAA,CAAe;QACrB4D,QAAA,EAAUlC,GAAA;QACVmC,IAAA,EAAM,IAAIrC,QAAA,GAAWH,IAAA,EAAMS,EAAA,GAAK,IAAIT,IAAA,CAAKS,EAAE,EAAE,GAAG;MAClD;MACAE,cAAA,EAAgBR,QAAA;MAChBwB,aAAA,EAAeA,aAAA;MACfZ,cAAA,EAAgBA,cAAA;MAChBC,mBAAA,EAAqBA,mBAAA;MACrBe,eAAA,EAAiBA,eAAA;MACjBd,oBAAA,EAAsBA,oBAAA;MACtBC,iBAAA,EAAmBA,iBAAA;MACnBC,kBAAA,EAAoBA,kBAAA;MACpBV,EAAA,EAAIT,IAAA,EAAMS,EAAA;MACVgC,WAAA,EAAa/B,IAAA;MACbgC,YAAA,EAAcrB,SAAA;MACdS,SAAS;MACTF,QAAA,EAAUA,QAAA;MACVC,cAAA,EAAgBA,cAAA;MAChBG,4BAAA,EAA8BA,4BAAA;MAC9BC,uBAAA,EAAyBA,uBAAA;MACzBC,YAAA,EAAcA,YAAA;gBAEd,aAAAS,KAAA,CAACtE,iBAAA;gCACC+D,IAAA,CAAC5D,cAAA;UACC+B,gBAAA,EAAkBA,gBAAA;UAClBqC,QAAQ;UACRjD,WAAA,EAAaA,WAAA;UACbC,GAAA,EAAKA;yBAEPwC,IAAA,CAAC9D,mBAAA;UAAoBqB,WAAA,EAAaA;YACjCpB,qBAAA,CAAsB;UACrBsE,SAAA,EAAW9C,MAAA,CAAOE,KAAK,EAAE6C,UAAA,EAAYC,KAAA,EAAOC,OAAA,EAASH,SAAA;UACrDI,QAAA,EAAU/D,QAAA;UACVgE,SAAA,EAAWpD,OAAA,CAAQoD,SAAS;UAC5BC,WAAA,EAAa;YACXhB,GAAA,EAAKzB,IAAA;YACLqB,eAAA;YACAlC,IAAA;YACAP,cAAA;YACAI,MAAA;YACAH,MAAA;YACAO,OAAA;YACAH,WAAA;YACAyD,aAAA,EAAe,EAAE;YACjB5D,YAAA;YACA6D,MAAA,EAAQzD,GAAA,CAAIyD,MAAM;YAClBrD;UACF;QACF,I,aACAoC,IAAA,CAACjD,aAAA;;;EAIT;EAEA,OAAOT,QAAA;AACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../../src/views/CollectionTrash/metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,+BAA+B,SACpC;IACJ,gBAAgB,EAAE,yBAAyB,CAAA;CAC5C,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KACtC,OAAO,CAAC,QAAQ,CAqBlB,CAAA"}
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../../src/views/CollectionTrash/metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,+BAA+B,GAC1C,MAAM;IACJ,gBAAgB,EAAE,yBAAyB,CAAA;CAC5C,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KACtC,OAAO,CAAC,QAAQ,CAqBlB,CAAA"}

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

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

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

@@ -5,6 +5,7 @@ import { ConfirmPasswordField, EmailAndUsernameFields, Form, FormSubmit, Passwor
 import { abortAndIgnore, handleAbortRef } from '@payloadcms/ui/shared';
 import { formatAdminURL } from 'payload/shared';
 import React, { useEffect } from 'react';
+const baseClass = 'create-first-user__form';
 export const CreateFirstUserClient = ({
   docPermissions,
   docPreferences,
@@ -68,6 +69,7 @@ export const CreateFirstUserClient = ({
       apiRoute,
       path: `/${userSlug}/first-register`
     }),
+    className: baseClass,
     initialState: {
       ...initialState,
       'confirm-password': {
@@ -81,31 +83,36 @@ export const CreateFirstUserClient = ({
     onSuccess: handleFirstRegister,
     redirect: admin,
     validationOperation: "create",
-    children: [/*#__PURE__*/_jsx(EmailAndUsernameFields, {
-      className: "emailAndUsername",
-      loginWithUsername: loginWithUsername,
-      operation: "create",
-      readOnly: false,
-      t: t
-    }), /*#__PURE__*/_jsx(PasswordField, {
-      autoComplete: "off",
-      field: {
-        name: 'password',
-        label: t('authentication:newPassword'),
-        required: true
-      },
-      path: "password"
-    }), /*#__PURE__*/_jsx(ConfirmPasswordField, {}), /*#__PURE__*/_jsx(RenderFields, {
-      fields: collectionConfig.fields,
-      forceRender: true,
-      parentIndexPath: "",
-      parentPath: "",
-      parentSchemaPath: userSlug,
-      permissions: true,
-      readOnly: false
-    }), /*#__PURE__*/_jsx(FormSubmit, {
-      size: "large",
-      children: t('general:create')
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__inputWrap`,
+      children: [/*#__PURE__*/_jsx(EmailAndUsernameFields, {
+        loginWithUsername: loginWithUsername,
+        operation: "create",
+        readOnly: false,
+        t: t
+      }), /*#__PURE__*/_jsx(PasswordField, {
+        autoComplete: "off",
+        field: {
+          name: 'password',
+          label: t('authentication:newPassword'),
+          required: true
+        },
+        path: "password"
+      }), /*#__PURE__*/_jsx(ConfirmPasswordField, {}), /*#__PURE__*/_jsx(RenderFields, {
+        fields: collectionConfig.fields,
+        forceRender: true,
+        parentIndexPath: "",
+        parentPath: "",
+        parentSchemaPath: userSlug,
+        permissions: true,
+        readOnly: false
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__actions`,
+      children: /*#__PURE__*/_jsx(FormSubmit, {
+        size: "large",
+        children: t('authentication:createUser')
+      })
     })]
   });
 };