@payloadcms/next 3.0.0-beta.78 → 3.0.0-beta.80

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField as NumberInput, SetViewActions, useComponentMap, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
+import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField, SetViewActions, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
 import * as React from 'react';
 import { toast } from 'sonner';
@@ -13,26 +13,25 @@ export const APIViewClient = ()=>{
     const searchParams = useSearchParams();
     const { i18n, t } = useTranslation();
     const { code } = useLocale();
-    const { getComponentMap } = useComponentMap();
-    const componentMap = getComponentMap({
-        collectionSlug,
+    const { config: { localization, routes: { api: apiRoute }, serverURL }, getEntityConfig } = useConfig();
+    const collectionClientConfig = getEntityConfig({
+        collectionSlug
+    });
+    const globalClientConfig = getEntityConfig({
         globalSlug
     });
-    const { collections, globals, localization, routes: { api: apiRoute }, serverURL } = useConfig();
-    const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
-    const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
     const localeOptions = localization && localization.locales.map((locale)=>({
             label: locale.label,
             value: locale.code
         }));
     let draftsEnabled = false;
     let docEndpoint = '';
-    if (collectionConfig) {
-        draftsEnabled = Boolean(collectionConfig.versions?.drafts);
+    if (collectionClientConfig) {
+        draftsEnabled = Boolean(collectionClientConfig.versions?.drafts);
         docEndpoint = `/${collectionSlug}/${id}`;
     }
-    if (globalConfig) {
-        draftsEnabled = Boolean(globalConfig.versions?.drafts);
+    if (globalClientConfig) {
+        draftsEnabled = Boolean(globalClientConfig.versions?.drafts);
         docEndpoint = `/globals/${globalSlug}`;
     }
     const [data, setData] = React.useState(initialData);
@@ -62,11 +61,13 @@ export const APIViewClient = ()=>{
                     setData(json);
                 } catch (error) {
                     toast.error('Error parsing response');
-                    console.error(error);
+                    console.error(error) // eslint-disable-line no-console
+                    ;
                 }
             } catch (error) {
                 toast.error('Error making request');
-                console.error(error);
+                console.error(error) // eslint-disable-line no-console
+                ;
             }
         };
         void fetchData();
@@ -84,15 +85,15 @@ export const APIViewClient = ()=>{
         children: [
             /*#__PURE__*/ _jsx(SetDocumentStepNav, {
                 collectionSlug: collectionSlug,
-                globalLabel: globalConfig?.label,
+                globalLabel: globalClientConfig?.label,
                 globalSlug: globalSlug,
                 id: id,
-                pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
-                useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
+                pluralLabel: collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined,
+                useAsTitle: collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined,
                 view: "API"
             }),
             /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: componentMap?.actionsMap?.Edit?.API
+                actions: (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api?.actions
             }),
             /*#__PURE__*/ _jsxs("div", {
                 className: `${baseClass}__configuration`,
@@ -147,16 +148,18 @@ export const APIViewClient = ()=>{
                                     className: `${baseClass}__filter-query-checkboxes`,
                                     children: [
                                         draftsEnabled && /*#__PURE__*/ _jsx(CheckboxField, {
-                                            label: t('version:draft'),
-                                            name: "draft",
-                                            onChange: ()=>setDraft(!draft),
-                                            path: "draft"
+                                            field: {
+                                                name: 'draft',
+                                                label: t('version:draft')
+                                            },
+                                            onChange: ()=>setDraft(!draft)
                                         }),
                                         /*#__PURE__*/ _jsx(CheckboxField, {
-                                            label: t('authentication:authenticated'),
-                                            name: "authenticated",
-                                            onChange: ()=>setAuthenticated(!authenticated),
-                                            path: "authenticated"
+                                            field: {
+                                                name: 'authenticated',
+                                                label: t('authentication:authenticated')
+                                            },
+                                            onChange: ()=>setAuthenticated(!authenticated)
                                         })
                                     ]
                                 }),
@@ -164,14 +167,17 @@ export const APIViewClient = ()=>{
                                     localeOptions: localeOptions,
                                     onChange: setLocale
                                 }),
-                                /*#__PURE__*/ _jsx(NumberInput, {
-                                    label: t('general:depth'),
-                                    max: 10,
-                                    min: 0,
-                                    name: "depth",
-                                    onChange: (value)=>setDepth(value?.toString()),
-                                    path: "depth",
-                                    step: 1
+                                /*#__PURE__*/ _jsx(NumberField, {
+                                    field: {
+                                        name: 'depth',
+                                        admin: {
+                                            step: 1
+                                        },
+                                        label: t('general:depth'),
+                                        max: 10,
+                                        min: 0
+                                    },
+                                    onChange: (value)=>setDepth(value?.toString())
                                 })
                             ]
                         })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField as NumberInput,\n  SetViewActions,\n  useComponentMap,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const {\n    collections,\n    globals,\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === 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 = ''\n\n  if (collectionConfig) {\n    draftsEnabled = Boolean(collectionConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = Boolean(globalConfig.versions?.drafts)\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>(searchParams.get('depth') || '1')\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n  }).toString()\n\n  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`\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)\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error)\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        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.API} />\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                  label={t('version:draft')}\n                  name=\"draft\"\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                label={t('authentication:authenticated')}\n                name=\"authenticated\"\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberInput\n              label={t('general:depth')}\n              max={10}\n              min={0}\n              name=\"depth\"\n              onChange={(value) => setDepth(value?.toString())}\n              path=\"depth\"\n              step={1}\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"],"names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","NumberInput","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","toast","SetDocumentStepNav","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","getComponentMap","componentMap","collections","globals","localization","routes","api","apiRoute","serverURL","collectionConfig","find","collection","slug","globalConfig","global","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","params","URLSearchParams","String","toString","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","actionsMap","Edit","API","div","span","a","href","rel","target","initialState","initialValue","valid","Number","name","onChange","path","max","min","step","button","aria-label","onClick","type","isMinimized","object"],"mappings":"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"}
+{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetViewActions,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionClientConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const globalClientConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\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 = ''\n\n  if (collectionClientConfig) {\n    draftsEnabled = Boolean(collectionClientConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalClientConfig) {\n    draftsEnabled = Boolean(globalClientConfig.versions?.drafts)\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>(searchParams.get('depth') || '1')\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n  }).toString()\n\n  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`\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={globalClientConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        pluralLabel={collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined}\n        useAsTitle={collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions\n        actions={\n          (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api\n            ?.actions\n        }\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                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!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            />\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"],"names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetViewActions","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","toast","SetDocumentStepNav","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","config","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionClientConfig","globalClientConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","params","URLSearchParams","String","toString","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","components","views","edit","div","span","a","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","step","max","min","button","aria-label","onClick","type","isMinimized","object"],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-import type { EditViewComponent } from 'payload';
-export declare const APIView: EditViewComponent;
+import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
+export declare const APIView: PayloadServerReactComponent<EditViewComponent>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAMhD,eAAO,MAAM,OAAO,EAAE,iBAErB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAM7E,eAAO,MAAM,OAAO,EAAE,2BAA2B,CAAC,iBAAiB,CAElE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport const APIView: EditViewComponent = () => {\n  return <APIViewClient />\n}\n"],"names":["React","APIViewClient","APIView"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,MAAMC,UAA6B;IACxC,qBAAO,KAACD;AACV,EAAC"}
+{"version":3,"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { EditViewComponent, PayloadServerReactComponent } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport const APIView: PayloadServerReactComponent<EditViewComponent> = () => {\n  return <APIViewClient />\n}\n"],"names":["React","APIViewClient","APIView"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,MAAMC,UAA0D;IACrE,qBAAO,KAACD;AACV,EAAC"}

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,EAiC/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,EAmC/B,CAAA"}

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

@@ -11,23 +11,25 @@ export const ToggleTheme = ()=>{
         setTheme
     ]);
     return /*#__PURE__*/ _jsx(RadioGroupField, {
-        label: t('general:adminTheme'),
-        name: "theme",
+        field: {
+            name: 'theme',
+            label: t('general:adminTheme'),
+            options: [
+                {
+                    label: t('general:automatic'),
+                    value: 'auto'
+                },
+                {
+                    label: t('general:light'),
+                    value: 'light'
+                },
+                {
+                    label: t('general:dark'),
+                    value: 'dark'
+                }
+            ]
+        },
         onChange: onChange,
-        options: [
-            {
-                label: t('general:automatic'),
-                value: 'auto'
-            },
-            {
-                label: t('general:light'),
-                value: 'light'
-            },
-            {
-                label: t('general:dark'),
-                value: 'dark'
-            }
-        ],
         value: autoMode ? 'auto' : theme
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      label={t('general:adminTheme')}\n      name=\"theme\"\n      onChange={onChange}\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      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"names":["RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","label","name","options","value"],"mappings":"AAAA;;AAEA,SAASA,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AAC1E,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGP;IACtC,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWN,YACf,CAACO;QACCJ,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,qBACE,KAACP;QACCY,OAAOH,EAAE;QACTI,MAAK;QACLH,UAAUA;QACVI,SAAS;YACP;gBACEF,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;SACD;QACDA,OAAOT,WAAW,SAASE;;AAGjC,EAAC"}
+{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      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"],"names":["RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","field","name","label","options","value"],"mappings":"AAAA;;AAEA,SAASA,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AAC1E,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGP;IACtC,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWN,YACf,CAACO;QACCJ,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,qBACE,KAACP;QACCY,OAAO;YACLC,MAAM;YACNC,OAAOL,EAAE;YACTM,SAAS;gBACP;oBACED,OAAOL,EAAE;oBACTO,OAAO;gBACT;gBACA;oBACEF,OAAOL,EAAE;oBACTO,OAAO;gBACT;gBACA;oBACEF,OAAOL,EAAE;oBACTO,OAAO;gBACT;aACD;QACH;QACAN,UAAUA;QACVM,OAAOV,WAAW,SAASE;;AAGjC,EAAC"}

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,EAA2B,MAAM,SAAS,CAAA;AAKtE,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;AAK7C,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+F5C,CAAA"}

package/dist/views/Account/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui';
-import { RenderCustomComponent } from '@payloadcms/ui/shared';
+import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider, RenderComponent } from '@payloadcms/ui';
+import { getCreateMappedComponent } from '@payloadcms/ui/shared';
 import { notFound } from 'next/navigation.js';
 import React from 'react';
 import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
@@ -27,12 +27,21 @@ export const Account = async ({ initPageResult, params, searchParams })=>{
             locale,
             req
         });
-        const viewComponentProps = {
-            initPageResult,
-            params,
-            routeSegments: [],
-            searchParams
-        };
+        const createMappedComponent = getCreateMappedComponent({
+            importMap: payload.importMap,
+            serverProps: {
+                i18n,
+                initPageResult,
+                locale,
+                params,
+                payload,
+                permissions,
+                routeSegments: [],
+                searchParams,
+                user
+            }
+        });
+        const mappedAccountComponent = createMappedComponent(CustomAccountComponent?.Component, undefined, EditView, 'CustomAccountComponent.Component');
         return /*#__PURE__*/ _jsx(DocumentInfoProvider, {
             AfterFields: /*#__PURE__*/ _jsx(Settings, {
                 i18n: i18n,
@@ -52,27 +61,16 @@ export const Account = async ({ initPageResult, params, searchParams })=>{
                 children: [
                     /*#__PURE__*/ _jsx(DocumentHeader, {
                         collectionConfig: collectionConfig,
-                        config: payload.config,
                         hideTabs: true,
                         i18n: i18n,
+                        payload: payload,
                         permissions: permissions
                     }),
                     /*#__PURE__*/ _jsx(HydrateAuthProvider, {
                         permissions: permissions
                     }),
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                        CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
-                        DefaultComponent: EditView,
-                        componentProps: viewComponentProps,
-                        serverOnlyProps: {
-                            i18n,
-                            locale,
-                            params,
-                            payload,
-                            permissions,
-                            searchParams,
-                            user
-                        }
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: mappedAccountComponent
                     }),
                     /*#__PURE__*/ _jsx(AccountClient, {})
                 ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps, ServerSideEditViewProps } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport { RenderCustomComponent } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.js'\nimport { AccountClient } from './index.client.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\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: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug },\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig && user?.id) {\n    const { docPermissions, hasPublishPermission, hasSavePermission } =\n      await getDocumentPermissions({\n        id: user.id,\n        collectionConfig,\n        data: user,\n        req,\n      })\n\n    const { data, formState } = await getDocumentData({\n      id: user.id,\n      collectionConfig,\n      locale,\n      req,\n    })\n\n    const viewComponentProps: ServerSideEditViewProps = {\n      initPageResult,\n      params,\n      routeSegments: [],\n      searchParams,\n    }\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} />}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={docPermissions}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        id={user?.id.toString()}\n        initialData={data}\n        initialState={formState}\n        isEditing\n      >\n        <EditDepthProvider depth={1}>\n          <DocumentHeader\n            collectionConfig={collectionConfig}\n            config={payload.config}\n            hideTabs\n            i18n={i18n}\n            permissions={permissions}\n          />\n          <HydrateAuthProvider permissions={permissions} />\n          <RenderCustomComponent\n            CustomComponent={\n              typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined\n            }\n            DefaultComponent={EditView}\n            componentProps={viewComponentProps}\n            serverOnlyProps={{\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            }}\n          />\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderCustomComponent","notFound","React","DocumentHeader","getDocumentData","getDocumentPermissions","EditView","Settings","AccountClient","generateAccountMetadata","Account","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionConfig","collections","find","collection","slug","id","docPermissions","hasPublishPermission","hasSavePermission","data","formState","viewComponentProps","routeSegments","AfterFields","apiURL","collectionSlug","toString","initialData","initialState","isEditing","depth","hideTabs","CustomComponent","undefined","DefaultComponent","componentProps","serverOnlyProps"],"mappings":";AAEA,SAASA,oBAAoB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,iBAAgB;AAC7F,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,sBAAsB,QAAQ,wCAAuC;AAC9E,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAC9C,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,OAAO,EACtDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,MAAM,EACJC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGV;IAEJ,MAAM,EACJW,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEd,SAASe,sBAAsB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAEJ,MAAMK,QAAQ,EAAE,EAC/FC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGT;IAEJ,MAAMU,mBAAmBV,OAAOW,WAAW,CAACC,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKR;IAErF,IAAII,oBAAoBT,MAAMc,IAAI;QAChC,MAAM,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAC/D,MAAMjC,uBAAuB;YAC3B8B,IAAId,KAAKc,EAAE;YACXL;YACAS,MAAMlB;YACNJ;QACF;QAEF,MAAM,EAAEsB,IAAI,EAAEC,SAAS,EAAE,GAAG,MAAMpC,gBAAgB;YAChD+B,IAAId,KAAKc,EAAE;YACXL;YACAf;YACAE;QACF;QAEA,MAAMwB,qBAA8C;YAClD9B;YACAC;YACA8B,eAAe,EAAE;YACjB7B;QACF;QAEA,qBACE,KAAChB;YACC8C,2BAAa,KAACpC;gBAASW,MAAMA;gBAAMJ,iBAAiBA;;YACpD8B,QAAQ,CAAC,EAAEf,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMc,KAAK,CAAC,CAAC,EAAEd,KAAKc,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEU,gBAAgBnB;YAChBU,gBAAgBA;YAChBC,sBAAsBA;YACtBC,mBAAmBA;YACnBH,IAAId,MAAMc,GAAGW;YACbC,aAAaR;YACbS,cAAcR;YACdS,SAAS;sBAET,cAAA,MAACnD;gBAAkBoD,OAAO;;kCACxB,KAAC/C;wBACC2B,kBAAkBA;wBAClBV,QAAQD,QAAQC,MAAM;wBACtB+B,QAAQ;wBACRjC,MAAMA;wBACNF,aAAaA;;kCAEf,KAACjB;wBAAoBiB,aAAaA;;kCAClC,KAAChB;wBACCoD,iBACE,OAAO3B,2BAA2B,aAAaA,yBAAyB4B;wBAE1EC,kBAAkBhD;wBAClBiD,gBAAgBd;wBAChBe,iBAAiB;4BACftC;4BACAH;4BACAH;4BACAO;4BACAH;4BACAH;4BACAQ;wBACF;;kCAEF,KAACb;;;;IAIT;IAEA,OAAOP;AACT,EAAC"}
+{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider, RenderComponent } from '@payloadcms/ui'\nimport { getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.js'\nimport { AccountClient } from './index.client.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\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: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug },\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig && user?.id) {\n    const { docPermissions, hasPublishPermission, hasSavePermission } =\n      await getDocumentPermissions({\n        id: user.id,\n        collectionConfig,\n        data: user,\n        req,\n      })\n\n    const { data, formState } = await getDocumentData({\n      id: user.id,\n      collectionConfig,\n      locale,\n      req,\n    })\n\n    const createMappedComponent = getCreateMappedComponent({\n      importMap: payload.importMap,\n      serverProps: {\n        i18n,\n        initPageResult,\n        locale,\n        params,\n        payload,\n        permissions,\n        routeSegments: [],\n        searchParams,\n        user,\n      },\n    })\n\n    const mappedAccountComponent = createMappedComponent(\n      CustomAccountComponent?.Component,\n      undefined,\n      EditView,\n      'CustomAccountComponent.Component',\n    )\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} />}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={docPermissions}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        id={user?.id.toString()}\n        initialData={data}\n        initialState={formState}\n        isEditing\n      >\n        <EditDepthProvider depth={1}>\n\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          hideTabs\n          i18n={i18n}\n          payload={payload}\n          permissions={permissions}\n        />\n        <HydrateAuthProvider permissions={permissions} />\n        <RenderComponent mappedComponent={mappedAccountComponent} />\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderComponent","getCreateMappedComponent","notFound","React","DocumentHeader","getDocumentData","getDocumentPermissions","EditView","Settings","AccountClient","generateAccountMetadata","Account","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionConfig","collections","find","collection","slug","id","docPermissions","hasPublishPermission","hasSavePermission","data","formState","createMappedComponent","importMap","serverProps","routeSegments","mappedAccountComponent","Component","undefined","AfterFields","apiURL","collectionSlug","toString","initialData","initialState","isEditing","depth","hideTabs","mappedComponent"],"mappings":";AAEA,SAASA,oBAAoB,EAAEC,iBAAiB,EAAEC,mBAAmB,EAAEC,eAAe,QAAQ,iBAAgB;AAC9G,SAASC,wBAAwB,QAAQ,wBAAuB;AAChE,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,sBAAsB,QAAQ,wCAAuC;AAC9E,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAC9C,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,OAAO,EACtDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,MAAM,EACJC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGV;IAEJ,MAAM,EACJW,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEd,SAASe,sBAAsB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAEJ,MAAMK,QAAQ,EAAE,EAC/FC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGT;IAEJ,MAAMU,mBAAmBV,OAAOW,WAAW,CAACC,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKR;IAErF,IAAII,oBAAoBT,MAAMc,IAAI;QAChC,MAAM,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAC/D,MAAMjC,uBAAuB;YAC3B8B,IAAId,KAAKc,EAAE;YACXL;YACAS,MAAMlB;YACNJ;QACF;QAEF,MAAM,EAAEsB,IAAI,EAAEC,SAAS,EAAE,GAAG,MAAMpC,gBAAgB;YAChD+B,IAAId,KAAKc,EAAE;YACXL;YACAf;YACAE;QACF;QAEA,MAAMwB,wBAAwBzC,yBAAyB;YACrD0C,WAAWvB,QAAQuB,SAAS;YAC5BC,aAAa;gBACXzB;gBACAP;gBACAI;gBACAH;gBACAO;gBACAH;gBACA4B,eAAe,EAAE;gBACjB/B;gBACAQ;YACF;QACF;QAEA,MAAMwB,yBAAyBJ,sBAC7BhB,wBAAwBqB,WACxBC,WACAzC,UACA;QAGF,qBACE,KAACV;YACCoD,2BAAa,KAACzC;gBAASW,MAAMA;gBAAMJ,iBAAiBA;;YACpDmC,QAAQ,CAAC,EAAEpB,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMc,KAAK,CAAC,CAAC,EAAEd,KAAKc,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEe,gBAAgBxB;YAChBU,gBAAgBA;YAChBC,sBAAsBA;YACtBC,mBAAmBA;YACnBH,IAAId,MAAMc,GAAGgB;YACbC,aAAab;YACbc,cAAcb;YACdc,SAAS;sBAET,cAAA,MAACzD;gBAAkB0D,OAAO;;kCAE1B,KAACpD;wBACC2B,kBAAkBA;wBAClB0B,QAAQ;wBACRtC,MAAMA;wBACNC,SAASA;wBACTH,aAAaA;;kCAEf,KAAClB;wBAAoBkB,aAAaA;;kCAClC,KAACjB;wBAAgB0D,iBAAiBZ;;kCAChC,KAACrC;;;;IAIT;IAEA,OAAOP;AACT,EAAC"}

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":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAclE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CA6DA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0B,SAAS,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAa1F,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CA+DA,CAAA"}

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

@@ -1,14 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ConfirmPasswordField, Form, FormSubmit, PasswordField, RenderFields, useComponentMap, useConfig, useTranslation } from '@payloadcms/ui';
+import { ConfirmPasswordField, Form, FormSubmit, PasswordField, RenderFields, useConfig, useTranslation } from '@payloadcms/ui';
 import { getFormState } from '@payloadcms/ui/shared';
 import React from 'react';
 import { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js';
 export const CreateFirstUserClient = ({ initialState, loginWithUsername, userSlug })=>{
-    const { getFieldMap } = useComponentMap();
-    const { routes: { admin, api: apiRoute }, serverURL } = useConfig();
+    const { config: { routes: { admin, api: apiRoute }, serverURL }, getEntityConfig } = useConfig();
     const { t } = useTranslation();
-    const fieldMap = getFieldMap({
+    const collectionConfig = getEntityConfig({
         collectionSlug: userSlug
     });
     const onChange = React.useCallback(async ({ formState: prevFormState })=>getFormState({
@@ -42,15 +41,16 @@ export const CreateFirstUserClient = ({ initialState, loginWithUsername, userSlu
                 readOnly: false
             }),
             /*#__PURE__*/ _jsx(PasswordField, {
-                autoComplete: "off",
-                label: t('authentication:newPassword'),
-                name: "password",
-                path: "password",
-                required: true
+                autoComplete: 'off',
+                field: {
+                    name: 'password',
+                    label: t('authentication:newPassword'),
+                    required: true
+                }
             }),
             /*#__PURE__*/ _jsx(ConfirmPasswordField, {}),
             /*#__PURE__*/ _jsx(RenderFields, {
-                fieldMap: fieldMap,
+                fields: collectionConfig.fields,
                 forceRender: true,
                 operation: "create",
                 path: "",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormState, LoginWithUsernameOptions } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  type FormProps,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useComponentMap,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  loginWithUsername?: LoginWithUsernameOptions | false\n  userSlug: string\n}> = ({ initialState, loginWithUsername, userSlug }) => {\n  const { getFieldMap } = useComponentMap()\n\n  const {\n    routes: { admin, api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const fieldMap = getFieldMap({ collectionSlug: userSlug })\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState }) =>\n      getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: `_${userSlug}.auth`,\n        },\n        serverURL,\n      }),\n    [apiRoute, userSlug, serverURL],\n  )\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n      initialState={initialState}\n      method=\"POST\"\n      onChange={[onChange]}\n      redirect={admin}\n      validationOperation=\"create\"\n    >\n      <RenderEmailAndUsernameFields\n        className=\"emailAndUsername\"\n        loginWithUsername={loginWithUsername}\n        operation=\"create\"\n        readOnly={false}\n      />\n      <PasswordField\n        autoComplete=\"off\"\n        label={t('authentication:newPassword')}\n        name=\"password\"\n        path=\"password\"\n        required\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fieldMap={fieldMap}\n        forceRender\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit size=\"large\">{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["ConfirmPasswordField","Form","FormSubmit","PasswordField","RenderFields","useComponentMap","useConfig","useTranslation","getFormState","React","RenderEmailAndUsernameFields","CreateFirstUserClient","initialState","loginWithUsername","userSlug","getFieldMap","routes","admin","api","apiRoute","serverURL","t","fieldMap","collectionSlug","onChange","useCallback","formState","prevFormState","body","operation","schemaPath","action","method","redirect","validationOperation","className","readOnly","autoComplete","label","name","path","required","forceRender","size"],"mappings":"AAAA;;AAGA,SACEA,oBAAoB,EACpBC,IAAI,EAEJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,eAAe,EACfC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,WAAW,QAAO;AAEzB,SAASC,4BAA4B,QAAQ,2CAA0C;AAEvF,OAAO,MAAMC,wBAIR,CAAC,EAAEC,YAAY,EAAEC,iBAAiB,EAAEC,QAAQ,EAAE;IACjD,MAAM,EAAEC,WAAW,EAAE,GAAGV;IAExB,MAAM,EACJW,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EAChCC,SAAS,EACV,GAAGd;IAEJ,MAAM,EAAEe,CAAC,EAAE,GAAGd;IAEd,MAAMe,WAAWP,YAAY;QAAEQ,gBAAgBT;IAAS;IAExD,MAAMU,WAAqCf,MAAMgB,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAE,GACjCnB,aAAa;YACXW;YACAS,MAAM;gBACJL,gBAAgBT;gBAChBY,WAAWC;gBACXE,WAAW;gBACXC,YAAY,CAAC,CAAC,EAAEhB,SAAS,KAAK,CAAC;YACjC;YACAM;QACF,IACF;QAACD;QAAUL;QAAUM;KAAU;IAGjC,qBACE,MAACnB;QACC8B,QAAQ,CAAC,EAAEX,UAAU,EAAED,SAAS,CAAC,EAAEL,SAAS,eAAe,CAAC;QAC5DF,cAAcA;QACdoB,QAAO;QACPR,UAAU;YAACA;SAAS;QACpBS,UAAUhB;QACViB,qBAAoB;;0BAEpB,KAACxB;gBACCyB,WAAU;gBACVtB,mBAAmBA;gBACnBgB,WAAU;gBACVO,UAAU;;0BAEZ,KAACjC;gBACCkC,cAAa;gBACbC,OAAOjB,EAAE;gBACTkB,MAAK;gBACLC,MAAK;gBACLC,QAAQ;;0BAEV,KAACzC;0BACD,KAACI;gBACCkB,UAAUA;gBACVoB,WAAW;gBACXb,WAAU;gBACVW,MAAK;gBACLJ,UAAU;gBACVN,YAAYhB;;0BAEd,KAACZ;gBAAWyC,MAAK;0BAAStB,EAAE;;;;AAGlC,EAAC"}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, FormState, LoginWithUsernameOptions } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  type FormProps,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  loginWithUsername?: LoginWithUsernameOptions | false\n  userSlug: string\n}> = ({ initialState, loginWithUsername, userSlug }) => {\n  const {\n    config: {\n      routes: { admin, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug }) as ClientCollectionConfig\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState }) =>\n      getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: `_${userSlug}.auth`,\n        },\n        serverURL,\n      }),\n    [apiRoute, userSlug, serverURL],\n  )\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n      initialState={initialState}\n      method=\"POST\"\n      onChange={[onChange]}\n      redirect={admin}\n      validationOperation=\"create\"\n    >\n      <RenderEmailAndUsernameFields\n        className=\"emailAndUsername\"\n        loginWithUsername={loginWithUsername}\n        operation=\"create\"\n        readOnly={false}\n      />\n      <PasswordField\n        autoComplete={'off'}\n        field={{\n          name: 'password',\n          label: t('authentication:newPassword'),\n          required: true,\n        }}\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fields={collectionConfig.fields}\n        forceRender\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit size=\"large\">{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["ConfirmPasswordField","Form","FormSubmit","PasswordField","RenderFields","useConfig","useTranslation","getFormState","React","RenderEmailAndUsernameFields","CreateFirstUserClient","initialState","loginWithUsername","userSlug","config","routes","admin","api","apiRoute","serverURL","getEntityConfig","t","collectionConfig","collectionSlug","onChange","useCallback","formState","prevFormState","body","operation","schemaPath","action","method","redirect","validationOperation","className","readOnly","autoComplete","field","name","label","required","fields","forceRender","path","size"],"mappings":"AAAA;;AAGA,SACEA,oBAAoB,EACpBC,IAAI,EAEJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,WAAW,QAAO;AAEzB,SAASC,4BAA4B,QAAQ,2CAA0C;AAEvF,OAAO,MAAMC,wBAIR,CAAC,EAAEC,YAAY,EAAEC,iBAAiB,EAAEC,QAAQ,EAAE;IACjD,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EAChCC,SAAS,EACV,EACDC,eAAe,EAChB,GAAGf;IAEJ,MAAM,EAAEgB,CAAC,EAAE,GAAGf;IAEd,MAAMgB,mBAAmBF,gBAAgB;QAAEG,gBAAgBV;IAAS;IAEpE,MAAMW,WAAqChB,MAAMiB,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAE,GACjCpB,aAAa;YACXW;YACAU,MAAM;gBACJL,gBAAgBV;gBAChBa,WAAWC;gBACXE,WAAW;gBACXC,YAAY,CAAC,CAAC,EAAEjB,SAAS,KAAK,CAAC;YACjC;YACAM;QACF,IACF;QAACD;QAAUL;QAAUM;KAAU;IAGjC,qBACE,MAAClB;QACC8B,QAAQ,CAAC,EAAEZ,UAAU,EAAED,SAAS,CAAC,EAAEL,SAAS,eAAe,CAAC;QAC5DF,cAAcA;QACdqB,QAAO;QACPR,UAAU;YAACA;SAAS;QACpBS,UAAUjB;QACVkB,qBAAoB;;0BAEpB,KAACzB;gBACC0B,WAAU;gBACVvB,mBAAmBA;gBACnBiB,WAAU;gBACVO,UAAU;;0BAEZ,KAACjC;gBACCkC,cAAc;gBACdC,OAAO;oBACLC,MAAM;oBACNC,OAAOnB,EAAE;oBACToB,UAAU;gBACZ;;0BAEF,KAACzC;0BACD,KAACI;gBACCsC,QAAQpB,iBAAiBoB,MAAM;gBAC/BC,WAAW;gBACXd,WAAU;gBACVe,MAAK;gBACLR,UAAU;gBACVN,YAAYjB;;0BAEd,KAACX;gBAAW2C,MAAK;0BAASxB,EAAE;;;;AAGlC,EAAC"}

package/dist/views/Dashboard/Default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKxE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqJrD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAUxE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4IrD,CAAA"}

package/dist/views/Dashboard/Default/index.js

@@ -1,35 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui';
-import { EntityType, WithServerSideProps, formatAdminURL } from '@payloadcms/ui/shared';
+import { EntityType, RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared';
 import React, { Fragment } from 'react';
 const baseClass = 'dashboard';
 export const DefaultDashboard = (props)=>{
     const { Link, i18n, i18n: { t }, locale, navGroups, params, payload: { config: { admin: { components: { afterDashboard, beforeDashboard } }, routes: { admin: adminRoute } } }, payload, permissions, searchParams, user } = props;
-    const BeforeDashboards = Array.isArray(beforeDashboard) ? beforeDashboard.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
-            Component: Component,
-            serverOnlyProps: {
-                i18n,
-                locale,
-                params,
-                payload,
-                permissions,
-                searchParams,
-                user
-            }
-        }, i)) : null;
-    const AfterDashboards = Array.isArray(afterDashboard) ? afterDashboard.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
-            Component: Component,
-            serverOnlyProps: {
-                i18n,
-                locale,
-                params,
-                payload,
-                permissions,
-                searchParams,
-                user
-            }
-        }, i)) : null;
+    const createMappedComponent = getCreateMappedComponent({
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+    const mappedBeforeDashboards = createMappedComponent(beforeDashboard, undefined, undefined, 'beforeDashboard');
+    const mappedAfterDashboards = createMappedComponent(afterDashboard, undefined, undefined, 'afterDashboard');
     return /*#__PURE__*/ _jsxs("div", {
         className: baseClass,
         children: [
@@ -42,7 +32,9 @@ export const DefaultDashboard = (props)=>{
             /*#__PURE__*/ _jsxs(Gutter, {
                 className: `${baseClass}__wrap`,
                 children: [
-                    Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component)=>Component),
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: mappedBeforeDashboards
+                    }),
                     /*#__PURE__*/ _jsxs(Fragment, {
                         children: [
                             /*#__PURE__*/ _jsx(SetViewActions, {
@@ -120,7 +112,9 @@ export const DefaultDashboard = (props)=>{
                             })
                         ]
                     }),
-                    Array.isArray(AfterDashboards) && AfterDashboards.map((Component)=>Component)
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: mappedAfterDashboards
+                    })
                 ]
             })
         ]

package/dist/views/Dashboard/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport { EntityType, WithServerSideProps, formatAdminURL } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    i18n,\n    i18n: { t },\n    locale,\n    navGroups,\n    params,\n    payload: {\n      config: {\n        admin: {\n          components: { afterDashboard, beforeDashboard },\n        },\n        routes: { admin: adminRoute },\n      },\n    },\n    payload,\n    permissions,\n    searchParams,\n    user,\n  } = props\n\n  const BeforeDashboards = Array.isArray(beforeDashboard)\n    ? beforeDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  const AfterDashboards = Array.isArray(afterDashboard)\n    ? afterDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        {Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component) => Component)}\n        <Fragment>\n          <SetViewActions actions={[]} />\n          {!navGroups || navGroups?.length === 0 ? (\n            <p>no nav groups....</p>\n          ) : (\n            navGroups.map(({ entities, label }, groupIndex) => {\n              return (\n                <div className={`${baseClass}__group`} key={groupIndex}>\n                  <h2 className={`${baseClass}__label`}>{label}</h2>\n                  <ul className={`${baseClass}__card-list`}>\n                    {entities.map(({ type, entity }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(entity.labels.plural, i18n)\n\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                        href = formatAdminURL({ adminRoute, path: `/collections/${entity.slug}` })\n\n                        createHREF = formatAdminURL({\n                          adminRoute,\n                          path: `/collections/${entity.slug}/create`,\n                        })\n\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n\n                        href = formatAdminURL({\n                          adminRoute,\n                          path: `/globals/${entity.slug}`,\n                        })\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            Link={Link}\n                            actions={\n                              hasCreatePermission && type === EntityType.collection ? (\n                                <Button\n                                  Link={Link}\n                                  aria-label={t('general:createNewLabel', {\n                                    label: getTranslation(entity.labels.singular, i18n),\n                                  })}\n                                  buttonStyle=\"icon-label\"\n                                  el=\"link\"\n                                  icon=\"plus\"\n                                  iconStyle=\"with-border\"\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            title={title}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        {Array.isArray(AfterDashboards) && AfterDashboards.map((Component) => Component)}\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Card","Gutter","SetStepNav","SetViewActions","EntityType","WithServerSideProps","formatAdminURL","React","Fragment","baseClass","DefaultDashboard","props","Link","i18n","t","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","BeforeDashboards","Array","isArray","map","Component","i","serverOnlyProps","AfterDashboards","div","className","nav","actions","length","p","entities","label","groupIndex","h2","ul","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","path","slug","collections","create","permission","global","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","undefined","id","titleAs"],"mappings":";AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AACjF,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,cAAc,QAAQ,wBAAuB;AACvF,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,MAAMC,YAAY;AASlB,OAAO,MAAMC,mBAA6C,CAACC;IACzD,MAAM,EACJC,IAAI,EACJC,IAAI,EACJA,MAAM,EAAEC,CAAC,EAAE,EACXC,MAAM,EACNC,SAAS,EACTC,MAAM,EACNC,SAAS,EACPC,QAAQ,EACNC,OAAO,EACLC,YAAY,EAAEC,cAAc,EAAEC,eAAe,EAAE,EAChD,EACDC,QAAQ,EAAEJ,OAAOK,UAAU,EAAE,EAC9B,EACF,EACDP,OAAO,EACPQ,WAAW,EACXC,YAAY,EACZC,IAAI,EACL,GAAGjB;IAEJ,MAAMkB,mBAAmBC,MAAMC,OAAO,CAACR,mBACnCA,gBAAgBS,GAAG,CAAC,CAACC,WAAWC,kBAC9B,KAAC7B;YACC4B,WAAWA;YAEXE,iBAAiB;gBACftB;gBACAE;gBACAE;gBACAC;gBACAQ;gBACAC;gBACAC;YACF;WATKM,MAYT;IAEJ,MAAME,kBAAkBN,MAAMC,OAAO,CAACT,kBAClCA,eAAeU,GAAG,CAAC,CAACC,WAAWC,kBAC7B,KAAC7B;YACC4B,WAAWA;YAEXE,iBAAiB;gBACftB;gBACAE;gBACAE;gBACAC;gBACAQ;gBACAC;gBACAC;YACF;WATKM,MAYT;IAEJ,qBACE,MAACG;QAAIC,WAAW7B;;0BACd,KAACP;gBAAWqC,KAAK,EAAE;;0BACnB,KAACpC;gBAAeqC,SAAS,EAAE;;0BAC3B,MAACvC;gBAAOqC,WAAW,CAAC,EAAE7B,UAAU,MAAM,CAAC;;oBACpCqB,MAAMC,OAAO,CAACF,qBAAqBA,iBAAiBG,GAAG,CAAC,CAACC,YAAcA;kCACxE,MAACzB;;0CACC,KAACL;gCAAeqC,SAAS,EAAE;;4BAC1B,CAACxB,aAAaA,WAAWyB,WAAW,kBACnC,KAACC;0CAAE;iCAEH1B,UAAUgB,GAAG,CAAC,CAAC,EAAEW,QAAQ,EAAEC,KAAK,EAAE,EAAEC;gCAClC,qBACE,MAACR;oCAAIC,WAAW,CAAC,EAAE7B,UAAU,OAAO,CAAC;;sDACnC,KAACqC;4CAAGR,WAAW,CAAC,EAAE7B,UAAU,OAAO,CAAC;sDAAGmC;;sDACvC,KAACG;4CAAGT,WAAW,CAAC,EAAE7B,UAAU,WAAW,CAAC;sDACrCkC,SAASX,GAAG,CAAC,CAAC,EAAEgB,IAAI,EAAEC,MAAM,EAAE,EAAEC;gDAC/B,IAAIC;gDACJ,IAAIC;gDACJ,IAAIC;gDACJ,IAAIC;gDACJ,IAAIC;gDAEJ,IAAIP,SAAS5C,WAAWoD,UAAU,EAAE;oDAClCL,QAAQrD,eAAemD,OAAOQ,MAAM,CAACC,MAAM,EAAE7C;oDAE7CuC,kBAAkBtC,EAAE,wBAAwB;wDAAE8B,OAAOO;oDAAM;oDAE3DG,OAAOhD,eAAe;wDAAEmB;wDAAYkC,MAAM,CAAC,aAAa,EAAEV,OAAOW,IAAI,CAAC,CAAC;oDAAC;oDAExEP,aAAa/C,eAAe;wDAC1BmB;wDACAkC,MAAM,CAAC,aAAa,EAAEV,OAAOW,IAAI,CAAC,OAAO,CAAC;oDAC5C;oDAEAL,sBACE7B,aAAamC,aAAa,CAACZ,OAAOW,IAAI,CAAC,EAAEE,QAAQC;gDACrD;gDAEA,IAAIf,SAAS5C,WAAW4D,MAAM,EAAE;oDAC9Bb,QAAQrD,eAAemD,OAAOL,KAAK,EAAE/B;oDAErCuC,kBAAkBtC,EAAE,qBAAqB;wDACvC8B,OAAO9C,eAAemD,OAAOL,KAAK,EAAE/B;oDACtC;oDAEAyC,OAAOhD,eAAe;wDACpBmB;wDACAkC,MAAM,CAAC,SAAS,EAAEV,OAAOW,IAAI,CAAC,CAAC;oDACjC;gDACF;gDAEA,qBACE,KAACK;8DACC,cAAA,KAACjE;wDACCY,MAAMA;wDACN4B,SACEe,uBAAuBP,SAAS5C,WAAWoD,UAAU,iBACnD,KAACzD;4DACCa,MAAMA;4DACNsD,cAAYpD,EAAE,0BAA0B;gEACtC8B,OAAO9C,eAAemD,OAAOQ,MAAM,CAACU,QAAQ,EAAEtD;4DAChD;4DACAuD,aAAY;4DACZC,IAAG;4DACHC,MAAK;4DACLC,WAAU;4DACVC,KAAK;4DACLC,IAAIpB;6DAEJqB;wDAENtB,iBAAiBA;wDACjBE,MAAMA;wDACNqB,IAAI,CAAC,KAAK,EAAE1B,OAAOW,IAAI,CAAC,CAAC;wDACzBT,OAAOA;wDACPyB,SAAQ;;mDAvBH1B;4CA2Bb;;;mCAnEwCL;4BAuEhD;;;oBAGHf,MAAMC,OAAO,CAACK,oBAAoBA,gBAAgBJ,GAAG,CAAC,CAACC,YAAcA;;;;;AAI9E,EAAC"}
+{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport {\n  EntityType,\n  RenderComponent,\n  formatAdminURL,\n  getCreateMappedComponent,\n} from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    i18n,\n    i18n: { t },\n    locale,\n    navGroups,\n    params,\n    payload: {\n      config: {\n        admin: {\n          components: { afterDashboard, beforeDashboard },\n        },\n        routes: { admin: adminRoute },\n      },\n    },\n    payload,\n    permissions,\n    searchParams,\n    user,\n  } = props\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedBeforeDashboards = createMappedComponent(\n    beforeDashboard,\n    undefined,\n    undefined,\n    'beforeDashboard',\n  )\n\n  const mappedAfterDashboards = createMappedComponent(\n    afterDashboard,\n    undefined,\n    undefined,\n    'afterDashboard',\n  )\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        <RenderComponent mappedComponent={mappedBeforeDashboards} />\n        <Fragment>\n          <SetViewActions actions={[]} />\n          {!navGroups || navGroups?.length === 0 ? (\n            <p>no nav groups....</p>\n          ) : (\n            navGroups.map(({ entities, label }, groupIndex) => {\n              return (\n                <div className={`${baseClass}__group`} key={groupIndex}>\n                  <h2 className={`${baseClass}__label`}>{label}</h2>\n                  <ul className={`${baseClass}__card-list`}>\n                    {entities.map(({ type, entity }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(entity.labels.plural, i18n)\n\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                        href = formatAdminURL({ adminRoute, path: `/collections/${entity.slug}` })\n\n                        createHREF = formatAdminURL({\n                          adminRoute,\n                          path: `/collections/${entity.slug}/create`,\n                        })\n\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n\n                        href = formatAdminURL({\n                          adminRoute,\n                          path: `/globals/${entity.slug}`,\n                        })\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            Link={Link}\n                            actions={\n                              hasCreatePermission && type === EntityType.collection ? (\n                                <Button\n                                  Link={Link}\n                                  aria-label={t('general:createNewLabel', {\n                                    label: getTranslation(entity.labels.singular, i18n),\n                                  })}\n                                  buttonStyle=\"icon-label\"\n                                  el=\"link\"\n                                  icon=\"plus\"\n                                  iconStyle=\"with-border\"\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            title={title}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        <RenderComponent mappedComponent={mappedAfterDashboards} />\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Card","Gutter","SetStepNav","SetViewActions","EntityType","RenderComponent","formatAdminURL","getCreateMappedComponent","React","Fragment","baseClass","DefaultDashboard","props","Link","i18n","t","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","createMappedComponent","importMap","serverProps","mappedBeforeDashboards","undefined","mappedAfterDashboards","div","className","nav","actions","mappedComponent","length","p","map","entities","label","groupIndex","h2","ul","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","path","slug","collections","create","permission","global","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","id","titleAs"],"mappings":"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"}