@payloadcms/next 3.0.0-beta.35 → 3.0.0-beta.37

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ReactSelect } from '@payloadcms/ui/elements/ReactSelect';
 import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
 import { useTranslation } from '@payloadcms/ui/providers/Translation';
@@ -8,24 +9,35 @@ const baseClass = 'payload-settings';
 export const Settings = (props)=>{
     const { className } = props;
     const { i18n, languageOptions, switchLanguage, t } = useTranslation();
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: [
             baseClass,
             className
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement("h3", null, t('general:payloadSettings')), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__language`
-    }, /*#__PURE__*/ React.createElement(FieldLabel, {
-        htmlFor: "language-select",
-        label: t('general:language')
-    }), /*#__PURE__*/ React.createElement(ReactSelect, {
-        inputId: "language-select",
-        onChange: async ({ value })=>{
-            await switchLanguage(value);
-        },
-        options: languageOptions,
-        value: languageOptions.find((language)=>language.value === i18n.language)
-    })), /*#__PURE__*/ React.createElement(ToggleTheme, null));
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsx("h3", {
+                children: t('general:payloadSettings')
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__language`,
+                children: [
+                    /*#__PURE__*/ _jsx(FieldLabel, {
+                        htmlFor: "language-select",
+                        label: t('general:language')
+                    }),
+                    /*#__PURE__*/ _jsx(ReactSelect, {
+                        inputId: "language-select",
+                        onChange: async ({ value })=>{
+                            await switchLanguage(value);
+                        },
+                        options: languageOptions,
+                        value: languageOptions.find((language)=>language.value === i18n.language)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ToggleTheme, {})
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["'use client'\nimport { ReactSelect } from '@payloadcms/ui/elements/ReactSelect'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport './index.scss'\n\nconst baseClass = 'payload-settings'\n\nexport const Settings: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n\n  const { i18n, languageOptions, switchLanguage, t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h3>{t('general:payloadSettings')}</h3>\n      <div className={`${baseClass}__language`}>\n        <FieldLabel htmlFor=\"language-select\" label={t('general:language')} />\n        <ReactSelect\n          inputId=\"language-select\"\n          onChange={async ({ value }) => {\n            await switchLanguage(value)\n          }}\n          options={languageOptions}\n          value={languageOptions.find((language) => language.value === i18n.language)}\n        />\n      </div>\n      <ToggleTheme />\n    </div>\n  )\n}\n"],"names":["ReactSelect","FieldLabel","useTranslation","React","ToggleTheme","baseClass","Settings","props","className","i18n","languageOptions","switchLanguage","t","div","filter","Boolean","join","h3","htmlFor","label","inputId","onChange","value","options","find","language"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,WAAW,QAAQ,sCAAqC;AACjE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,0BAAyB;AAGrD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,MAAM,EAAEE,IAAI,EAAEC,eAAe,EAAEC,cAAc,EAAEC,CAAC,EAAE,GAAGV;IAErD,qBACE,oBAACW;QAAIL,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACC,YAAIL,EAAE,2CACP,oBAACC;QAAIL,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;qBACtC,oBAACJ;QAAWiB,SAAQ;QAAkBC,OAAOP,EAAE;sBAC/C,oBAACZ;QACCoB,SAAQ;QACRC,UAAU,OAAO,EAAEC,KAAK,EAAE;YACxB,MAAMX,eAAeW;QACvB;QACAC,SAASb;QACTY,OAAOZ,gBAAgBc,IAAI,CAAC,CAACC,WAAaA,SAASH,KAAK,KAAKb,KAAKgB,QAAQ;uBAG9E,oBAACrB;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["'use client'\nimport { ReactSelect } from '@payloadcms/ui/elements/ReactSelect'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport './index.scss'\n\nconst baseClass = 'payload-settings'\n\nexport const Settings: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n\n  const { i18n, languageOptions, switchLanguage, t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h3>{t('general:payloadSettings')}</h3>\n      <div className={`${baseClass}__language`}>\n        <FieldLabel htmlFor=\"language-select\" label={t('general:language')} />\n        <ReactSelect\n          inputId=\"language-select\"\n          onChange={async ({ value }) => {\n            await switchLanguage(value)\n          }}\n          options={languageOptions}\n          value={languageOptions.find((language) => language.value === i18n.language)}\n        />\n      </div>\n      <ToggleTheme />\n    </div>\n  )\n}\n"],"names":["ReactSelect","FieldLabel","useTranslation","React","ToggleTheme","baseClass","Settings","props","className","i18n","languageOptions","switchLanguage","t","div","filter","Boolean","join","h3","htmlFor","label","inputId","onChange","value","options","find","language"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,sCAAqC;AACjE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,0BAAyB;AAGrD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,MAAM,EAAEE,IAAI,EAAEC,eAAe,EAAEC,cAAc,EAAEC,CAAC,EAAE,GAAGV;IAErD,qBACE,MAACW;QAAIL,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAC1D,KAACC;0BAAIL,EAAE;;0BACP,MAACC;gBAAIL,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;;kCACtC,KAACJ;wBAAWiB,SAAQ;wBAAkBC,OAAOP,EAAE;;kCAC/C,KAACZ;wBACCoB,SAAQ;wBACRC,UAAU,OAAO,EAAEC,KAAK,EAAE;4BACxB,MAAMX,eAAeW;wBACvB;wBACAC,SAASb;wBACTY,OAAOZ,gBAAgBc,IAAI,CAAC,CAACC,WAAaA,SAASH,KAAK,KAAKb,KAAKgB,QAAQ;;;;0BAG9E,KAACrB;;;AAGP,EAAC"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { RadioGroup } from '@payloadcms/ui/fields/RadioGroup';
 import { useTheme } from '@payloadcms/ui/providers/Theme';
 import { useTranslation } from '@payloadcms/ui/providers/Translation';
@@ -11,7 +12,7 @@ export const ToggleTheme = ()=>{
     }, [
         setTheme
     ]);
-    return /*#__PURE__*/ React.createElement(RadioGroup, {
+    return /*#__PURE__*/ _jsx(RadioGroup, {
         label: t('general:adminTheme'),
         name: "theme",
         onChange: onChange,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroup } from '@payloadcms/ui/fields/RadioGroup'\nimport { useTheme } from '@payloadcms/ui/providers/Theme'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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    <RadioGroup\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":["RadioGroup","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","label","name","options","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,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,oBAACP;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 { RadioGroup } from '@payloadcms/ui/fields/RadioGroup'\nimport { useTheme } from '@payloadcms/ui/providers/Theme'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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    <RadioGroup\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":["RadioGroup","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","label","name","options","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,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"}

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":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAQnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+E5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAQnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2F5C,CAAA"}

package/dist/views/Account/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader';
 import { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser';
 import { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent';
@@ -5,60 +6,73 @@ import { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo';
 import { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams';
 import { notFound } from 'next/navigation.js';
 import React from 'react';
+import { getDocumentPermissions } from '../Document/getDocumentPermissions.js';
 import { EditView } from '../Edit/index.js';
 import { Settings } from './Settings/index.js';
 export { generateAccountMetadata } from './meta.js';
-export const Account = ({ initPageResult, params, searchParams })=>{
-    const { locale, permissions, req: { i18n, payload, payload: { config }, user } } = initPageResult;
+export const Account = async ({ initPageResult, params, searchParams })=>{
+    const { locale, permissions, req, req: { i18n, payload, payload: { config }, user } } = initPageResult;
     const { admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug }, routes: { api }, serverURL } = config;
-    const collectionPermissions = permissions?.collections?.[userSlug];
     const collectionConfig = config.collections.find((collection)=>collection.slug === userSlug);
-    if (collectionConfig) {
+    if (collectionConfig && user?.id) {
+        const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({
+            id: user.id,
+            collectionConfig,
+            data: user,
+            req
+        });
         const viewComponentProps = {
             initPageResult,
             params,
             routeSegments: [],
             searchParams
         };
-        return /*#__PURE__*/ React.createElement(DocumentInfoProvider, {
-            AfterFields: /*#__PURE__*/ React.createElement(Settings, null),
+        return /*#__PURE__*/ _jsxs(DocumentInfoProvider, {
+            AfterFields: /*#__PURE__*/ _jsx(Settings, {}),
             action: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
             apiURL: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
             collectionSlug: userSlug,
-            docPermissions: collectionPermissions,
-            hasSavePermission: collectionPermissions?.update?.permission,
-            id: user?.id,
-            isEditing: true
-        }, /*#__PURE__*/ React.createElement(DocumentHeader, {
-            collectionConfig: collectionConfig,
-            config: payload.config,
-            hideTabs: true,
-            i18n: i18n,
-            permissions: permissions
-        }), /*#__PURE__*/ React.createElement(HydrateClientUser, {
-            permissions: permissions,
-            user: user
-        }), /*#__PURE__*/ React.createElement(FormQueryParamsProvider, {
-            initialParams: {
-                depth: 0,
-                'fallback-locale': 'null',
-                locale: locale.code,
-                uploadEdits: undefined
-            }
-        }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-            CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
-            DefaultComponent: EditView,
-            componentProps: viewComponentProps,
-            serverOnlyProps: {
-                i18n,
-                locale,
-                params,
-                payload,
-                permissions,
-                searchParams,
-                user
-            }
-        })));
+            docPermissions: docPermissions,
+            hasPublishPermission: hasPublishPermission,
+            hasSavePermission: hasSavePermission,
+            id: user?.id.toString(),
+            isEditing: true,
+            children: [
+                /*#__PURE__*/ _jsx(DocumentHeader, {
+                    collectionConfig: collectionConfig,
+                    config: payload.config,
+                    hideTabs: true,
+                    i18n: i18n,
+                    permissions: permissions
+                }),
+                /*#__PURE__*/ _jsx(HydrateClientUser, {
+                    permissions: permissions,
+                    user: user
+                }),
+                /*#__PURE__*/ _jsx(FormQueryParamsProvider, {
+                    initialParams: {
+                        depth: 0,
+                        'fallback-locale': 'null',
+                        locale: locale.code,
+                        uploadEdits: undefined
+                    },
+                    children: /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                        CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
+                        DefaultComponent: EditView,
+                        componentProps: viewComponentProps,
+                        serverOnlyProps: {
+                            i18n,
+                            locale,
+                            params,
+                            payload,
+                            permissions,
+                            searchParams,
+                            user
+                        }
+                    })
+                })
+            ]
+        });
     }
     return notFound();
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { ServerSideEditViewProps } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader'\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo'\nimport { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const {\n    locale,\n    permissions,\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 collectionPermissions = permissions?.collections?.[userSlug]\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig) {\n    const viewComponentProps: ServerSideEditViewProps = {\n      initPageResult,\n      params,\n      routeSegments: [],\n      searchParams,\n    }\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings />}\n        action={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={collectionPermissions}\n        hasSavePermission={collectionPermissions?.update?.permission}\n        id={user?.id}\n        isEditing\n      >\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          hideTabs\n          i18n={i18n}\n          permissions={permissions}\n        />\n        <HydrateClientUser permissions={permissions} user={user} />\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale.code,\n            uploadEdits: undefined,\n          }}\n        >\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        </FormQueryParamsProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentHeader","HydrateClientUser","RenderCustomComponent","DocumentInfoProvider","FormQueryParamsProvider","notFound","React","EditView","Settings","generateAccountMetadata","Account","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionPermissions","collections","collectionConfig","find","collection","slug","viewComponentProps","routeSegments","AfterFields","action","id","apiURL","collectionSlug","docPermissions","hasSavePermission","update","permission","isEditing","hideTabs","initialParams","depth","code","uploadEdits","undefined","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,cAAc,QAAQ,yCAAwC;AACvE,SAASC,iBAAiB,QAAQ,4CAA2C;AAC7E,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,oBAAoB,QAAQ,wCAAuC;AAC5E,SAASC,uBAAuB,QAAQ,2CAA0C;AAClF,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAE9C,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IACxF,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGT;IAEJ,MAAM,EACJU,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEb,SAASc,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,wBAAwBd,aAAae,aAAa,CAACL,SAAS;IAElE,MAAMM,mBAAmBZ,OAAOW,WAAW,CAACE,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKT;IAErF,IAAIM,kBAAkB;QACpB,MAAMI,qBAA8C;YAClDxB;YACAC;YACAwB,eAAe,EAAE;YACjBvB;QACF;QAEA,qBACE,oBAACV;YACCkC,2BAAa,oBAAC7B;YACd8B,QAAQ,CAAC,EAAEV,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMmB,KAAK,CAAC,CAAC,EAAEnB,KAAKmB,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEC,QAAQ,CAAC,EAAEZ,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMmB,KAAK,CAAC,CAAC,EAAEnB,KAAKmB,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEE,gBAAgBhB;YAChBiB,gBAAgBb;YAChBc,mBAAmBd,uBAAuBe,QAAQC;YAClDN,IAAInB,MAAMmB;YACVO,WAAAA;yBAEA,oBAAC9C;YACC+B,kBAAkBA;YAClBZ,QAAQD,QAAQC,MAAM;YACtB4B,UAAAA;YACA9B,MAAMA;YACNF,aAAaA;0BAEf,oBAACd;YAAkBc,aAAaA;YAAaK,MAAMA;0BACnD,oBAAChB;YACC4C,eAAe;gBACbC,OAAO;gBACP,mBAAmB;gBACnBnC,QAAQA,OAAOoC,IAAI;gBACnBC,aAAaC;YACf;yBAEA,oBAAClD;YACCmD,iBACE,OAAO7B,2BAA2B,aAAaA,yBAAyB4B;YAE1EE,kBAAkB/C;YAClBgD,gBAAgBpB;YAChBqB,iBAAiB;gBACfvC;gBACAH;gBACAF;gBACAM;gBACAH;gBACAF;gBACAO;YACF;;IAKV;IAEA,OAAOf;AACT,EAAC"}
+{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { ServerSideEditViewProps } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader'\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo'\nimport { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.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    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 viewComponentProps: ServerSideEditViewProps = {\n      initPageResult,\n      params,\n      routeSegments: [],\n      searchParams,\n    }\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings />}\n        action={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\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        isEditing\n      >\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          hideTabs\n          i18n={i18n}\n          permissions={permissions}\n        />\n        <HydrateClientUser permissions={permissions} user={user} />\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale.code,\n            uploadEdits: undefined,\n          }}\n        >\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        </FormQueryParamsProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentHeader","HydrateClientUser","RenderCustomComponent","DocumentInfoProvider","FormQueryParamsProvider","notFound","React","getDocumentPermissions","EditView","Settings","generateAccountMetadata","Account","initPageResult","params","searchParams","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","viewComponentProps","routeSegments","AfterFields","action","apiURL","collectionSlug","toString","isEditing","hideTabs","initialParams","depth","code","uploadEdits","undefined","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAGA,SAASA,cAAc,QAAQ,yCAAwC;AACvE,SAASC,iBAAiB,QAAQ,4CAA2C;AAC7E,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,oBAAoB,QAAQ,wCAAuC;AAC5E,SAASC,uBAAuB,QAAQ,2CAA0C;AAClF,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,sBAAsB,QAAQ,wCAAuC;AAC9E,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAE9C,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,OAAO,EACtDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGT;IAEJ,MAAM,EACJU,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEb,SAASc,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,MAAM/B,uBAAuB;YAC3B4B,IAAId,KAAKc,EAAE;YACXL;YACAS,MAAMlB;YACNJ;QACF;QAEF,MAAMuB,qBAA8C;YAClD5B;YACAC;YACA4B,eAAe,EAAE;YACjB3B;QACF;QAEA,qBACE,MAACX;YACCuC,2BAAa,KAACjC;YACdkC,QAAQ,CAAC,EAAEd,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMc,KAAK,CAAC,CAAC,EAAEd,KAAKc,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxES,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,SAAS;;8BAET,KAAC/C;oBACC8B,kBAAkBA;oBAClBV,QAAQD,QAAQC,MAAM;oBACtB4B,QAAQ;oBACR9B,MAAMA;oBACNF,aAAaA;;8BAEf,KAACf;oBAAkBe,aAAaA;oBAAaK,MAAMA;;8BACnD,KAACjB;oBACC6C,eAAe;wBACbC,OAAO;wBACP,mBAAmB;wBACnBnC,QAAQA,OAAOoC,IAAI;wBACnBC,aAAaC;oBACf;8BAEA,cAAA,KAACnD;wBACCoD,iBACE,OAAO7B,2BAA2B,aAAaA,yBAAyB4B;wBAE1EE,kBAAkB/C;wBAClBgD,gBAAgBhB;wBAChBiB,iBAAiB;4BACfvC;4BACAH;4BACAF;4BACAM;4BACAH;4BACAF;4BACAO;wBACF;;;;;IAKV;IAEA,OAAOhB;AACT,EAAC"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword';
 import { Email } from '@payloadcms/ui/fields/Email';
 import { Password } from '@payloadcms/ui/fields/Password';
@@ -33,7 +34,7 @@ export const CreateFirstUserClient = ({ initialState, userSlug })=>{
         userSlug,
         serverURL
     ]);
-    return /*#__PURE__*/ React.createElement(Form, {
+    return /*#__PURE__*/ _jsxs(Form, {
         action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
         initialState: initialState,
         method: "POST",
@@ -41,24 +42,33 @@ export const CreateFirstUserClient = ({ initialState, userSlug })=>{
             onChange
         ],
         redirect: admin,
-        validationOperation: "create"
-    }, /*#__PURE__*/ React.createElement(Email, {
-        autoComplete: "email",
-        label: t('general:email'),
-        name: "email",
-        required: true
-    }), /*#__PURE__*/ React.createElement(Password, {
-        autoComplete: "off",
-        label: t('authentication:newPassword'),
-        name: "password",
-        required: true
-    }), /*#__PURE__*/ React.createElement(ConfirmPassword, null), /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: fieldMap,
-        operation: "create",
-        path: "",
-        readOnly: false,
-        schemaPath: userSlug
-    }), /*#__PURE__*/ React.createElement(FormSubmit, null, t('general:create')));
+        validationOperation: "create",
+        children: [
+            /*#__PURE__*/ _jsx(Email, {
+                autoComplete: "email",
+                label: t('general:email'),
+                name: "email",
+                required: true
+            }),
+            /*#__PURE__*/ _jsx(Password, {
+                autoComplete: "off",
+                label: t('authentication:newPassword'),
+                name: "password",
+                required: true
+            }),
+            /*#__PURE__*/ _jsx(ConfirmPassword, {}),
+            /*#__PURE__*/ _jsx(RenderFields, {
+                fieldMap: fieldMap,
+                operation: "create",
+                path: "",
+                readOnly: false,
+                schemaPath: userSlug
+            }),
+            /*#__PURE__*/ _jsx(FormSubmit, {
+                children: t('general:create')
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormProps } from '@payloadcms/ui/forms/Form'\nimport type { FormState } from 'payload/types'\n\nimport { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword'\nimport { Email } from '@payloadcms/ui/fields/Email'\nimport { Password } from '@payloadcms/ui/fields/Password'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { RenderFields } from '@payloadcms/ui/forms/RenderFields'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport React from 'react'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  userSlug: string\n}> = ({ initialState, 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      return getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: userSlug,\n        },\n        serverURL,\n      })\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      <Email autoComplete=\"email\" label={t('general:email')} name=\"email\" required />\n      <Password\n        autoComplete=\"off\"\n        label={t('authentication:newPassword')}\n        name=\"password\"\n        required\n      />\n      <ConfirmPassword />\n      <RenderFields\n        fieldMap={fieldMap}\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit>{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["ConfirmPassword","Email","Password","Form","RenderFields","FormSubmit","useComponentMap","useConfig","useTranslation","getFormState","React","CreateFirstUserClient","initialState","userSlug","getFieldMap","routes","admin","api","apiRoute","serverURL","t","fieldMap","collectionSlug","onChange","useCallback","formState","prevFormState","body","operation","schemaPath","action","method","redirect","validationOperation","autoComplete","label","name","required","path","readOnly"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,eAAe,QAAQ,wCAAuC;AACvE,SAASC,KAAK,QAAQ,8BAA6B;AACnD,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,wBAGR,CAAC,EAAEC,YAAY,EAAEC,QAAQ,EAAE;IAC9B,MAAM,EAAEC,WAAW,EAAE,GAAGR;IAExB,MAAM,EACJS,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EAChCC,SAAS,EACV,GAAGZ;IAEJ,MAAM,EAAEa,CAAC,EAAE,GAAGZ;IAEd,MAAMa,WAAWP,YAAY;QAAEQ,gBAAgBT;IAAS;IAExD,MAAMU,WAAqCb,MAAMc,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAE;QACjC,OAAOjB,aAAa;YAClBS;YACAS,MAAM;gBACJL,gBAAgBT;gBAChBY,WAAWC;gBACXE,WAAW;gBACXC,YAAYhB;YACd;YACAM;QACF;IACF,GACA;QAACD;QAAUL;QAAUM;KAAU;IAGjC,qBACE,oBAAChB;QACC2B,QAAQ,CAAC,EAAEX,UAAU,EAAED,SAAS,CAAC,EAAEL,SAAS,eAAe,CAAC;QAC5DD,cAAcA;QACdmB,QAAO;QACPR,UAAU;YAACA;SAAS;QACpBS,UAAUhB;QACViB,qBAAoB;qBAEpB,oBAAChC;QAAMiC,cAAa;QAAQC,OAAOf,EAAE;QAAkBgB,MAAK;QAAQC,UAAAA;sBACpE,oBAACnC;QACCgC,cAAa;QACbC,OAAOf,EAAE;QACTgB,MAAK;QACLC,UAAAA;sBAEF,oBAACrC,sCACD,oBAACI;QACCiB,UAAUA;QACVO,WAAU;QACVU,MAAK;QACLC,UAAU;QACVV,YAAYhB;sBAEd,oBAACR,kBAAYe,EAAE;AAGrB,EAAC"}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormProps } from '@payloadcms/ui/forms/Form'\nimport type { FormState } from 'payload/types'\n\nimport { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword'\nimport { Email } from '@payloadcms/ui/fields/Email'\nimport { Password } from '@payloadcms/ui/fields/Password'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { RenderFields } from '@payloadcms/ui/forms/RenderFields'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport React from 'react'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  userSlug: string\n}> = ({ initialState, 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      return getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: userSlug,\n        },\n        serverURL,\n      })\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      <Email autoComplete=\"email\" label={t('general:email')} name=\"email\" required />\n      <Password\n        autoComplete=\"off\"\n        label={t('authentication:newPassword')}\n        name=\"password\"\n        required\n      />\n      <ConfirmPassword />\n      <RenderFields\n        fieldMap={fieldMap}\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit>{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["ConfirmPassword","Email","Password","Form","RenderFields","FormSubmit","useComponentMap","useConfig","useTranslation","getFormState","React","CreateFirstUserClient","initialState","userSlug","getFieldMap","routes","admin","api","apiRoute","serverURL","t","fieldMap","collectionSlug","onChange","useCallback","formState","prevFormState","body","operation","schemaPath","action","method","redirect","validationOperation","autoComplete","label","name","required","path","readOnly"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SAASA,eAAe,QAAQ,wCAAuC;AACvE,SAASC,KAAK,QAAQ,8BAA6B;AACnD,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,wBAGR,CAAC,EAAEC,YAAY,EAAEC,QAAQ,EAAE;IAC9B,MAAM,EAAEC,WAAW,EAAE,GAAGR;IAExB,MAAM,EACJS,QAAQ,EAAEC,KAAK,EAAEC,KAAKC,QAAQ,EAAE,EAChCC,SAAS,EACV,GAAGZ;IAEJ,MAAM,EAAEa,CAAC,EAAE,GAAGZ;IAEd,MAAMa,WAAWP,YAAY;QAAEQ,gBAAgBT;IAAS;IAExD,MAAMU,WAAqCb,MAAMc,WAAW,CAC1D,OAAO,EAAEC,WAAWC,aAAa,EAAE;QACjC,OAAOjB,aAAa;YAClBS;YACAS,MAAM;gBACJL,gBAAgBT;gBAChBY,WAAWC;gBACXE,WAAW;gBACXC,YAAYhB;YACd;YACAM;QACF;IACF,GACA;QAACD;QAAUL;QAAUM;KAAU;IAGjC,qBACE,MAAChB;QACC2B,QAAQ,CAAC,EAAEX,UAAU,EAAED,SAAS,CAAC,EAAEL,SAAS,eAAe,CAAC;QAC5DD,cAAcA;QACdmB,QAAO;QACPR,UAAU;YAACA;SAAS;QACpBS,UAAUhB;QACViB,qBAAoB;;0BAEpB,KAAChC;gBAAMiC,cAAa;gBAAQC,OAAOf,EAAE;gBAAkBgB,MAAK;gBAAQC,QAAQ;;0BAC5E,KAACnC;gBACCgC,cAAa;gBACbC,OAAOf,EAAE;gBACTgB,MAAK;gBACLC,QAAQ;;0BAEV,KAACrC;0BACD,KAACI;gBACCiB,UAAUA;gBACVO,WAAU;gBACVU,MAAK;gBACLC,UAAU;gBACVV,YAAYhB;;0BAEd,KAACR;0BAAYe,EAAE;;;;AAGrB,EAAC"}

package/dist/views/CreateFirstUser/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema';
 import React from 'react';
 import { CreateFirstUserClient } from './index.client.js';
@@ -32,12 +33,21 @@ export const CreateFirstUserView = async ({ initPageResult })=>{
         },
         req
     });
-    return /*#__PURE__*/ React.createElement("div", {
-        className: "create-first-user"
-    }, /*#__PURE__*/ React.createElement("h1", null, req.t('general:welcome')), /*#__PURE__*/ React.createElement("p", null, req.t('authentication:beginCreateFirstUser')), /*#__PURE__*/ React.createElement(CreateFirstUserClient, {
-        initialState: formState,
-        userSlug: userSlug
-    }));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "create-first-user",
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                children: req.t('general:welcome')
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                children: req.t('authentication:beginCreateFirstUser')
+            }),
+            /*#__PURE__*/ _jsx(CreateFirstUserClient, {
+                initialState: formState,
+                userSlug: userSlug
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type { AdminViewProps, Field } from 'payload/types'\n\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport React from 'react'\n\nimport { CreateFirstUserClient } from './index.client.js'\nimport './index.scss'\n\nexport { generateCreateFirstUserMetadata } from './meta.js'\n\nexport const CreateFirstUserView: React.FC<AdminViewProps> = async ({ initPageResult }) => {\n  const {\n    req,\n    req: {\n      payload: {\n        config: {\n          admin: { user: userSlug },\n        },\n      },\n    },\n  } = initPageResult\n\n  const fields: Field[] = [\n    {\n      name: 'email',\n      type: 'email',\n      label: req.t('general:emailAddress'),\n      required: true,\n    },\n    {\n      name: 'password',\n      type: 'text',\n      label: req.t('general:password'),\n      required: true,\n    },\n    {\n      name: 'confirm-password',\n      type: 'text',\n      label: req.t('authentication:confirmPassword'),\n      required: true,\n    },\n  ]\n\n  const formState = await buildStateFromSchema({\n    fieldSchema: fields,\n    operation: 'create',\n    preferences: { fields: {} },\n    req,\n  })\n\n  return (\n    <div className=\"create-first-user\">\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <CreateFirstUserClient initialState={formState} userSlug={userSlug} />\n    </div>\n  )\n}\n"],"names":["buildStateFromSchema","React","CreateFirstUserClient","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","req","payload","config","admin","user","userSlug","fields","name","type","label","t","required","formState","fieldSchema","operation","preferences","div","className","h1","p","initialState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,oBAAoB,QAAQ,4CAA2C;AAChF,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAGzD,SAASC,+BAA+B,QAAQ,YAAW;AAE3D,OAAO,MAAMC,sBAAgD,OAAO,EAAEC,cAAc,EAAE;IACpF,MAAM,EACJC,GAAG,EACHA,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EAC1B,EACF,EACF,EACF,GAAGN;IAEJ,MAAMO,SAAkB;QACtB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;KACD;IAED,MAAMC,YAAY,MAAMlB,qBAAqB;QAC3CmB,aAAaP;QACbQ,WAAW;QACXC,aAAa;YAAET,QAAQ,CAAC;QAAE;QAC1BN;IACF;IAEA,qBACE,oBAACgB;QAAIC,WAAU;qBACb,oBAACC,YAAIlB,IAAIU,CAAC,CAAC,mCACX,oBAACS,WAAGnB,IAAIU,CAAC,CAAC,uDACV,oBAACd;QAAsBwB,cAAcR;QAAWP,UAAUA;;AAGhE,EAAC"}
+{"version":3,"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type { AdminViewProps, Field } from 'payload/types'\n\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport React from 'react'\n\nimport { CreateFirstUserClient } from './index.client.js'\nimport './index.scss'\n\nexport { generateCreateFirstUserMetadata } from './meta.js'\n\nexport const CreateFirstUserView: React.FC<AdminViewProps> = async ({ initPageResult }) => {\n  const {\n    req,\n    req: {\n      payload: {\n        config: {\n          admin: { user: userSlug },\n        },\n      },\n    },\n  } = initPageResult\n\n  const fields: Field[] = [\n    {\n      name: 'email',\n      type: 'email',\n      label: req.t('general:emailAddress'),\n      required: true,\n    },\n    {\n      name: 'password',\n      type: 'text',\n      label: req.t('general:password'),\n      required: true,\n    },\n    {\n      name: 'confirm-password',\n      type: 'text',\n      label: req.t('authentication:confirmPassword'),\n      required: true,\n    },\n  ]\n\n  const formState = await buildStateFromSchema({\n    fieldSchema: fields,\n    operation: 'create',\n    preferences: { fields: {} },\n    req,\n  })\n\n  return (\n    <div className=\"create-first-user\">\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <CreateFirstUserClient initialState={formState} userSlug={userSlug} />\n    </div>\n  )\n}\n"],"names":["buildStateFromSchema","React","CreateFirstUserClient","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","req","payload","config","admin","user","userSlug","fields","name","type","label","t","required","formState","fieldSchema","operation","preferences","div","className","h1","p","initialState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAEA,SAASA,oBAAoB,QAAQ,4CAA2C;AAChF,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAGzD,SAASC,+BAA+B,QAAQ,YAAW;AAE3D,OAAO,MAAMC,sBAAgD,OAAO,EAAEC,cAAc,EAAE;IACpF,MAAM,EACJC,GAAG,EACHA,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EAC1B,EACF,EACF,EACF,GAAGN;IAEJ,MAAMO,SAAkB;QACtB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;KACD;IAED,MAAMC,YAAY,MAAMlB,qBAAqB;QAC3CmB,aAAaP;QACbQ,WAAW;QACXC,aAAa;YAAET,QAAQ,CAAC;QAAE;QAC1BN;IACF;IAEA,qBACE,MAACgB;QAAIC,WAAU;;0BACb,KAACC;0BAAIlB,IAAIU,CAAC,CAAC;;0BACX,KAACS;0BAAGnB,IAAIU,CAAC,CAAC;;0BACV,KAACd;gBAAsBwB,cAAcR;gBAAWP,UAAUA;;;;AAGhE,EAAC"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button } from '@payloadcms/ui/elements/Button';
 import { Card } from '@payloadcms/ui/elements/Card';
@@ -42,62 +43,72 @@ export const DefaultDashboardClient = ({ Link, permissions, visibleEntities })=>
         collectionsConfig,
         globalsConfig
     ]);
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: []
-    }), groups.map(({ entities, label }, groupIndex)=>{
-        return /*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__group`,
-            key: groupIndex
-        }, /*#__PURE__*/ React.createElement("h2", {
-            className: `${baseClass}__label`
-        }, label), /*#__PURE__*/ React.createElement("ul", {
-            className: `${baseClass}__card-list`
-        }, entities.map(({ type, entity }, entityIndex)=>{
-            let title;
-            let buttonAriaLabel;
-            let createHREF;
-            let href;
-            let hasCreatePermission;
-            if (type === EntityType.collection) {
-                title = getTranslation(entity.labels.plural, i18n);
-                buttonAriaLabel = t('general:showAllLabel', {
-                    label: title
-                });
-                href = `${admin}/collections/${entity.slug}`;
-                createHREF = `${admin}/collections/${entity.slug}/create`;
-                hasCreatePermission = permissions?.collections?.[entity.slug]?.create?.permission;
-            }
-            if (type === EntityType.global) {
-                title = getTranslation(entity.label, i18n);
-                buttonAriaLabel = t('general:editLabel', {
-                    label: getTranslation(entity.label, i18n)
-                });
-                href = `${admin}/globals/${entity.slug}`;
-            }
-            return /*#__PURE__*/ React.createElement("li", {
-                key: entityIndex
-            }, /*#__PURE__*/ React.createElement(Card, {
-                Link: Link,
-                actions: hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/ React.createElement(Button, {
-                    Link: Link,
-                    "aria-label": t('general:createNewLabel', {
-                        label: getTranslation(entity.labels.singular, i18n)
-                    }),
-                    buttonStyle: "icon-label",
-                    el: "link",
-                    icon: "plus",
-                    iconStyle: "with-border",
-                    round: true,
-                    to: createHREF
-                }) : undefined,
-                buttonAriaLabel: buttonAriaLabel,
-                href: href,
-                id: `card-${entity.slug}`,
-                title: title,
-                titleAs: "h3"
-            }));
-        })));
-    }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: []
+            }),
+            groups.map(({ entities, label }, groupIndex)=>{
+                return /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__group`,
+                    children: [
+                        /*#__PURE__*/ _jsx("h2", {
+                            className: `${baseClass}__label`,
+                            children: label
+                        }),
+                        /*#__PURE__*/ _jsx("ul", {
+                            className: `${baseClass}__card-list`,
+                            children: entities.map(({ type, entity }, entityIndex)=>{
+                                let title;
+                                let buttonAriaLabel;
+                                let createHREF;
+                                let href;
+                                let hasCreatePermission;
+                                if (type === EntityType.collection) {
+                                    title = getTranslation(entity.labels.plural, i18n);
+                                    buttonAriaLabel = t('general:showAllLabel', {
+                                        label: title
+                                    });
+                                    href = `${admin}/collections/${entity.slug}`;
+                                    createHREF = `${admin}/collections/${entity.slug}/create`;
+                                    hasCreatePermission = permissions?.collections?.[entity.slug]?.create?.permission;
+                                }
+                                if (type === EntityType.global) {
+                                    title = getTranslation(entity.label, i18n);
+                                    buttonAriaLabel = t('general:editLabel', {
+                                        label: getTranslation(entity.label, i18n)
+                                    });
+                                    href = `${admin}/globals/${entity.slug}`;
+                                }
+                                return /*#__PURE__*/ _jsx("li", {
+                                    children: /*#__PURE__*/ _jsx(Card, {
+                                        Link: Link,
+                                        actions: hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/ _jsx(Button, {
+                                            Link: Link,
+                                            "aria-label": t('general:createNewLabel', {
+                                                label: getTranslation(entity.labels.singular, i18n)
+                                            }),
+                                            buttonStyle: "icon-label",
+                                            el: "link",
+                                            icon: "plus",
+                                            iconStyle: "with-border",
+                                            round: true,
+                                            to: createHREF
+                                        }) : undefined,
+                                        buttonAriaLabel: buttonAriaLabel,
+                                        href: href,
+                                        id: `card-${entity.slug}`,
+                                        title: title,
+                                        titleAs: "h3"
+                                    })
+                                }, entityIndex);
+                            })
+                        })
+                    ]
+                }, groupIndex);
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.client.tsx"],"sourcesContent":["'use client'\nimport type { EntityToGroup, Group } from '@payloadcms/ui/utilities/groupNavItems'\nimport type { Permissions } from 'payload/auth'\nimport type { VisibleEntities } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { Card } from '@payloadcms/ui/elements/Card'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/utilities/groupNavItems'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport const DefaultDashboardClient: React.FC<{\n  Link: React.ComponentType\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n}> = ({ Link, permissions, visibleEntities }) => {\n  const config = useConfig()\n\n  const {\n    collections: collectionsConfig,\n    globals: globalsConfig,\n    routes: { admin },\n  } = config\n\n  const { user } = useAuth()\n\n  const { i18n, t } = useTranslation()\n\n  const [groups, setGroups] = useState<Group[]>([])\n\n  useEffect(() => {\n    const collections = collectionsConfig.filter(\n      (collection) =>\n        permissions?.collections?.[collection.slug]?.read?.permission &&\n        visibleEntities.collections.includes(collection.slug),\n    )\n\n    const globals = globalsConfig.filter(\n      (global) =>\n        permissions?.globals?.[global.slug]?.read?.permission &&\n        visibleEntities.globals.includes(global.slug),\n    )\n\n    setGroups(\n      groupNavItems(\n        [\n          ...(collections.map((collection) => {\n            const entityToGroup: EntityToGroup = {\n              type: EntityType.collection,\n              entity: collection,\n            }\n\n            return entityToGroup\n          }) ?? []),\n          ...(globals.map((global) => {\n            const entityToGroup: EntityToGroup = {\n              type: EntityType.global,\n              entity: global,\n            }\n\n            return entityToGroup\n          }) ?? []),\n        ],\n        permissions,\n        i18n,\n      ),\n    )\n  }, [permissions, user, i18n, visibleEntities, collectionsConfig, globalsConfig])\n\n  return (\n    <Fragment>\n      <SetViewActions actions={[]} />\n      {groups.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                  buttonAriaLabel = t('general:showAllLabel', { label: title })\n                  href = `${admin}/collections/${entity.slug}`\n                  createHREF = `${admin}/collections/${entity.slug}/create`\n                  hasCreatePermission = permissions?.collections?.[entity.slug]?.create?.permission\n                }\n\n                if (type === EntityType.global) {\n                  title = getTranslation(entity.label, i18n)\n                  buttonAriaLabel = t('general:editLabel', {\n                    label: getTranslation(entity.label, i18n),\n                  })\n                  href = `${admin}/globals/${entity.slug}`\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    </Fragment>\n  )\n}\n"],"names":["getTranslation","Button","Card","SetViewActions","useAuth","useConfig","useTranslation","EntityType","groupNavItems","React","Fragment","useEffect","useState","baseClass","DefaultDashboardClient","Link","permissions","visibleEntities","config","collections","collectionsConfig","globals","globalsConfig","routes","admin","user","i18n","t","groups","setGroups","filter","collection","slug","read","permission","includes","global","map","entityToGroup","type","entity","actions","entities","label","groupIndex","div","className","key","h2","ul","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","labels","plural","create","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","undefined","id","titleAs"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.client.tsx"],"sourcesContent":["'use client'\nimport type { EntityToGroup, Group } from '@payloadcms/ui/utilities/groupNavItems'\nimport type { Permissions } from 'payload/auth'\nimport type { VisibleEntities } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { Card } from '@payloadcms/ui/elements/Card'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/utilities/groupNavItems'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport const DefaultDashboardClient: React.FC<{\n  Link: React.ComponentType\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n}> = ({ Link, permissions, visibleEntities }) => {\n  const config = useConfig()\n\n  const {\n    collections: collectionsConfig,\n    globals: globalsConfig,\n    routes: { admin },\n  } = config\n\n  const { user } = useAuth()\n\n  const { i18n, t } = useTranslation()\n\n  const [groups, setGroups] = useState<Group[]>([])\n\n  useEffect(() => {\n    const collections = collectionsConfig.filter(\n      (collection) =>\n        permissions?.collections?.[collection.slug]?.read?.permission &&\n        visibleEntities.collections.includes(collection.slug),\n    )\n\n    const globals = globalsConfig.filter(\n      (global) =>\n        permissions?.globals?.[global.slug]?.read?.permission &&\n        visibleEntities.globals.includes(global.slug),\n    )\n\n    setGroups(\n      groupNavItems(\n        [\n          ...(collections.map((collection) => {\n            const entityToGroup: EntityToGroup = {\n              type: EntityType.collection,\n              entity: collection,\n            }\n\n            return entityToGroup\n          }) ?? []),\n          ...(globals.map((global) => {\n            const entityToGroup: EntityToGroup = {\n              type: EntityType.global,\n              entity: global,\n            }\n\n            return entityToGroup\n          }) ?? []),\n        ],\n        permissions,\n        i18n,\n      ),\n    )\n  }, [permissions, user, i18n, visibleEntities, collectionsConfig, globalsConfig])\n\n  return (\n    <Fragment>\n      <SetViewActions actions={[]} />\n      {groups.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                  buttonAriaLabel = t('general:showAllLabel', { label: title })\n                  href = `${admin}/collections/${entity.slug}`\n                  createHREF = `${admin}/collections/${entity.slug}/create`\n                  hasCreatePermission = permissions?.collections?.[entity.slug]?.create?.permission\n                }\n\n                if (type === EntityType.global) {\n                  title = getTranslation(entity.label, i18n)\n                  buttonAriaLabel = t('general:editLabel', {\n                    label: getTranslation(entity.label, i18n),\n                  })\n                  href = `${admin}/globals/${entity.slug}`\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    </Fragment>\n  )\n}\n"],"names":["getTranslation","Button","Card","SetViewActions","useAuth","useConfig","useTranslation","EntityType","groupNavItems","React","Fragment","useEffect","useState","baseClass","DefaultDashboardClient","Link","permissions","visibleEntities","config","collections","collectionsConfig","globals","globalsConfig","routes","admin","user","i18n","t","groups","setGroups","filter","collection","slug","read","permission","includes","global","map","entityToGroup","type","entity","actions","entities","label","groupIndex","div","className","h2","ul","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","labels","plural","create","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","undefined","id","titleAs"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}