@payloadcms/next 3.0.0-beta.34 → 3.0.0-beta.36

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/API/RenderJSON/index.tsx"],"sourcesContent":["'use client'\nimport { Chevron } from '@payloadcms/ui/icons/Chevron'\nimport * as React from 'react'\n\nimport './index.scss'\n\nconst chars = {\n  leftCurlyBracket: '\\u007B',\n  leftSquareBracket: '\\u005B',\n  rightCurlyBracket: '\\u007D',\n  rightSquareBracket: '\\u005D',\n}\n\nconst baseClass = 'query-inspector'\n\nconst Bracket = ({\n  type,\n  comma = false,\n  position,\n}: {\n  comma?: boolean\n  position: 'end' | 'start'\n  type: 'array' | 'object'\n}) => {\n  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket\n  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket\n  const bracketToRender = position === 'end' ? rightBracket : leftBracket\n\n  return (\n    <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>\n      {bracketToRender}\n      {position === 'end' && comma ? ',' : null}\n    </span>\n  )\n}\n\ntype Args = {\n  isEmpty?: boolean\n  object: Record<string, any> | any[]\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n  const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array')\n  return (\n    <li className={isNestedAndEmpty ? `${baseClass}__row-line--nested` : ''}>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <Chevron\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul className={`${baseClass}__json-children`}>\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"names":["Chevron","React","chars","leftCurlyBracket","leftSquareBracket","rightCurlyBracket","rightSquareBracket","baseClass","Bracket","type","comma","position","rightBracket","leftBracket","bracketToRender","span","className","RenderJSON","isEmpty","object","objectKey","parentType","trailingComma","objectKeys","Object","keys","objectLength","length","isOpen","setIsOpen","useState","isNestedAndEmpty","li","button","aria-label","onClick","ul","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","undefined","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/API/RenderJSON/index.tsx"],"sourcesContent":["'use client'\nimport { Chevron } from '@payloadcms/ui/icons/Chevron'\nimport * as React from 'react'\n\nimport './index.scss'\n\nconst chars = {\n  leftCurlyBracket: '\\u007B',\n  leftSquareBracket: '\\u005B',\n  rightCurlyBracket: '\\u007D',\n  rightSquareBracket: '\\u005D',\n}\n\nconst baseClass = 'query-inspector'\n\nconst Bracket = ({\n  type,\n  comma = false,\n  position,\n}: {\n  comma?: boolean\n  position: 'end' | 'start'\n  type: 'array' | 'object'\n}) => {\n  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket\n  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket\n  const bracketToRender = position === 'end' ? rightBracket : leftBracket\n\n  return (\n    <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>\n      {bracketToRender}\n      {position === 'end' && comma ? ',' : null}\n    </span>\n  )\n}\n\ntype Args = {\n  isEmpty?: boolean\n  object: Record<string, any> | any[]\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n  const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array')\n  return (\n    <li className={isNestedAndEmpty ? `${baseClass}__row-line--nested` : ''}>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <Chevron\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul className={`${baseClass}__json-children`}>\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"names":["Chevron","React","chars","leftCurlyBracket","leftSquareBracket","rightCurlyBracket","rightSquareBracket","baseClass","Bracket","type","comma","position","rightBracket","leftBracket","bracketToRender","span","className","RenderJSON","isEmpty","object","objectKey","parentType","trailingComma","objectKeys","Object","keys","objectLength","length","isOpen","setIsOpen","useState","isNestedAndEmpty","li","button","aria-label","onClick","ul","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","undefined","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,OAAO,QAAQ,+BAA8B;AACtD,YAAYC,WAAW,QAAO;AAI9B,MAAMC,QAAQ;IACZC,kBAAkB;IAClBC,mBAAmB;IACnBC,mBAAmB;IACnBC,oBAAoB;AACtB;AAEA,MAAMC,YAAY;AAElB,MAAMC,UAAU,CAAC,EACfC,IAAI,EACJC,QAAQ,KAAK,EACbC,QAAQ,EAKT;IACC,MAAMC,eAAeH,SAAS,WAAWP,MAAMG,iBAAiB,GAAGH,MAAMI,kBAAkB;IAC3F,MAAMO,cAAcJ,SAAS,WAAWP,MAAMC,gBAAgB,GAAGD,MAAME,iBAAiB;IACxF,MAAMU,kBAAkBH,aAAa,QAAQC,eAAeC;IAE5D,qBACE,MAACE;QAAKC,WAAW,CAAC,EAAET,UAAU,UAAU,EAAEA,UAAU,oBAAoB,EAAEI,SAAS,CAAC;;YACjFG;YACAH,aAAa,SAASD,QAAQ,MAAM;;;AAG3C;AAUA,OAAO,MAAMO,aAAa,CAAC,EACzBC,UAAU,KAAK,EACfC,MAAM,EACNC,SAAS,EACTC,aAAa,QAAQ,EACrBC,gBAAgB,KAAK,EAChB;IACL,MAAMC,aAAaJ,SAASK,OAAOC,IAAI,CAACN,UAAU,EAAE;IACpD,MAAMO,eAAeH,WAAWI,MAAM;IACtC,MAAM,CAACC,QAAQC,UAAU,GAAG5B,MAAM6B,QAAQ,CAAU;IACpD,MAAMC,mBAAmBb,WAAYG,CAAAA,eAAe,YAAYA,eAAe,OAAM;IACrF,qBACE,MAACW;QAAGhB,WAAWe,mBAAmB,CAAC,EAAExB,UAAU,kBAAkB,CAAC,GAAG;;0BACnE,MAAC0B;gBACCC,cAAW;gBACXlB,WAAW,CAAC,EAAET,UAAU,cAAc,EAAEW,UAAU,CAAC,EAAEX,UAAU,oBAAoB,CAAC,GAAG,GAAG,CAAC;gBAC3F4B,SAAS,IAAMN,UAAU,CAACD;gBAC1BnB,MAAK;;oBAEJS,UAAU,qBACT,KAAClB;wBACCgB,WAAW,CAAC,EAAET,UAAU,kBAAkB,EAAEA,UAAU,mBAAmB,EACvEqB,SAAS,SAAS,SACnB,CAAC;;kCAGN,MAACb;;4BACEK,aAAa,CAAC,CAAC,EAAEA,UAAU,GAAG,CAAC;0CAChC,KAACZ;gCAAQG,UAAS;gCAAQF,MAAMY;;4BAC/BH,wBAAU,KAACV;gCAAQE,OAAOY;gCAAeX,UAAS;gCAAMF,MAAMY;iCAAiB;;;;;0BAIpF,KAACe;gBAAGpB,WAAW,CAAC,EAAET,UAAU,eAAe,CAAC;0BACzCqB,UACCL,WAAWc,GAAG,CAAC,CAACC,KAAKC;oBACnB,IAAIC,QAAQrB,MAAM,CAACmB,IAAI;oBACvB,IAAI7B,OAAO;oBACX,MAAMgC,YAAYF,aAAab,eAAe;oBAE9C,IAAIc,UAAU,MAAM;wBAClB/B,OAAO;oBACT,OAAO,IAAI+B,iBAAiBE,MAAM;wBAChCjC,OAAO;wBACP+B,QAAQA,MAAMG,WAAW;oBAC3B,OAAO,IAAIC,MAAMC,OAAO,CAACL,QAAQ;wBAC/B/B,OAAO;oBACT,OAAO,IAAI,OAAO+B,UAAU,UAAU;wBACpC/B,OAAO;oBACT,OAAO,IAAI,OAAO+B,UAAU,UAAU;wBACpC/B,OAAO;oBACT,OAAO,IAAI,OAAO+B,UAAU,WAAW;wBACrC/B,OAAO;oBACT,OAAO;wBACLA,OAAO;oBACT;oBAEA,IAAIA,SAAS,YAAYA,SAAS,SAAS;wBACzC,qBACE,KAACQ;4BACCC,SAASsB,MAAMb,MAAM,KAAK,KAAKH,OAAOC,IAAI,CAACe,OAAOb,MAAM,KAAK;4BAE7DR,QAAQqB;4BACRpB,WAAWC,eAAe,WAAWiB,MAAMQ;4BAC3CzB,YAAYZ;4BACZa,eAAe,CAACmB;2BAJX,CAAC,EAAEH,IAAI,CAAC,EAAEC,SAAS,CAAC;oBAO/B;oBAEA,IACE9B,SAAS,UACTA,SAAS,YACTA,SAAS,UACTA,SAAS,YACTA,SAAS,WACT;wBACA,MAAMsC,eAAeC,QAAQ3B,eAAe,YAAYiB;wBAExD,MAAMW,aAAa;4BACjB,CAAC,EAAE1C,UAAU,UAAU,CAAC;4BACxB,CAAC,EAAEA,UAAU,cAAc,EAAEE,KAAK,CAAC;4BACnC,CAAC,EAAEF,UAAU,YAAY,EAAEa,YAAY,WAAW,MAAM,CAAC;yBAC1D,CACE8B,MAAM,CAACF,SACPG,IAAI,CAAC;wBAER,qBACE,MAACnB;4BAAGhB,WAAWiC;;gCACZF,6BAAe,KAAChC;8CAAM,CAAC,CAAC,EAAEuB,IAAI,GAAG,CAAC;qCAAW;8CAE9C,KAACvB;oCAAKC,WAAW,CAAC,EAAET,UAAU,OAAO,CAAC;8CAAG6C,KAAKC,SAAS,CAACb;;gCACvDC,YAAY,KAAK;;2BAJY,CAAC,EAAEH,IAAI,CAAC,EAAEC,SAAS,CAAC;oBAOxD;gBACF;;YAGH,CAACrB,yBACA,KAACH;0BACC,cAAA,KAACP;oBAAQE,OAAOY;oBAAeX,UAAS;oBAAMF,MAAMY;;;;;AAK9D,EAAC"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard';
 import { Gutter } from '@payloadcms/ui/elements/Gutter';
 import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
@@ -87,101 +88,137 @@ export const APIViewClient = ()=>{
         fetchURL,
         authenticated
     ]);
-    return /*#__PURE__*/ React.createElement(Gutter, {
+    return /*#__PURE__*/ _jsxs(Gutter, {
         className: [
             baseClass,
             fullscreen && `${baseClass}--fullscreen`
         ].filter(Boolean).join(' '),
-        right: false
-    }, /*#__PURE__*/ React.createElement(SetDocumentStepNav, {
-        collectionSlug: collectionSlug,
-        globalLabel: globalConfig?.label,
-        globalSlug: globalSlug,
-        id: id,
-        pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
-        useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
-        view: "API"
-    }), /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: componentMap?.actionsMap?.Edit?.API
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__configuration`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__api-url`
-    }, /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__label`
-    }, "API URL ", /*#__PURE__*/ React.createElement(CopyToClipboard, {
-        value: fetchURL
-    })), /*#__PURE__*/ React.createElement("a", {
-        href: fetchURL,
-        rel: "noopener noreferrer",
-        target: "_blank"
-    }, fetchURL)), /*#__PURE__*/ React.createElement(Form, {
-        initialState: {
-            authenticated: {
-                initialValue: authenticated || false,
-                valid: true,
-                value: authenticated || false
-            },
-            depth: {
-                initialValue: Number(depth || 0),
-                valid: true,
-                value: Number(depth || 0)
-            },
-            draft: {
-                initialValue: draft || false,
-                valid: true,
-                value: draft || false
-            },
-            locale: {
-                initialValue: locale,
-                valid: true,
-                value: locale
-            }
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__form-fields`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__filter-query-checkboxes`
-    }, draftsEnabled && /*#__PURE__*/ React.createElement(Checkbox, {
-        label: t('version:draft'),
-        name: "draft",
-        onChange: ()=>setDraft(!draft),
-        path: "draft"
-    }), /*#__PURE__*/ React.createElement(Checkbox, {
-        label: t('authentication:authenticated'),
-        name: "authenticated",
-        onChange: ()=>setAuthenticated(!authenticated),
-        path: "authenticated"
-    })), localeOptions && /*#__PURE__*/ React.createElement(Select, {
-        label: t('general:locale'),
-        name: "locale",
-        onChange: (value)=>setLocale(value),
-        options: localeOptions,
-        path: "locale"
-    }), /*#__PURE__*/ React.createElement(NumberInput, {
-        label: t('general:depth'),
-        max: 10,
-        min: 0,
-        name: "depth",
-        onChange: (value)=>setDepth(value?.toString()),
-        path: "depth",
-        step: 1
-    })))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__results-wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__toggle-fullscreen-button-container`
-    }, /*#__PURE__*/ React.createElement("button", {
-        "aria-label": "toggle fullscreen",
-        className: `${baseClass}__toggle-fullscreen-button`,
-        onClick: ()=>setFullscreen(!fullscreen),
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(MinimizeMaximize, {
-        isMinimized: !fullscreen
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__results`
-    }, /*#__PURE__*/ React.createElement(RenderJSON, {
-        object: data
-    }))));
+        right: false,
+        children: [
+            /*#__PURE__*/ _jsx(SetDocumentStepNav, {
+                collectionSlug: collectionSlug,
+                globalLabel: globalConfig?.label,
+                globalSlug: globalSlug,
+                id: id,
+                pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
+                useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
+                view: "API"
+            }),
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: componentMap?.actionsMap?.Edit?.API
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__configuration`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__api-url`,
+                        children: [
+                            /*#__PURE__*/ _jsxs("span", {
+                                className: `${baseClass}__label`,
+                                children: [
+                                    "API URL ",
+                                    /*#__PURE__*/ _jsx(CopyToClipboard, {
+                                        value: fetchURL
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: fetchURL,
+                                rel: "noopener noreferrer",
+                                target: "_blank",
+                                children: fetchURL
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Form, {
+                        initialState: {
+                            authenticated: {
+                                initialValue: authenticated || false,
+                                valid: true,
+                                value: authenticated || false
+                            },
+                            depth: {
+                                initialValue: Number(depth || 0),
+                                valid: true,
+                                value: Number(depth || 0)
+                            },
+                            draft: {
+                                initialValue: draft || false,
+                                valid: true,
+                                value: draft || false
+                            },
+                            locale: {
+                                initialValue: locale,
+                                valid: true,
+                                value: locale
+                            }
+                        },
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__form-fields`,
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: `${baseClass}__filter-query-checkboxes`,
+                                    children: [
+                                        draftsEnabled && /*#__PURE__*/ _jsx(Checkbox, {
+                                            label: t('version:draft'),
+                                            name: "draft",
+                                            onChange: ()=>setDraft(!draft),
+                                            path: "draft"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Checkbox, {
+                                            label: t('authentication:authenticated'),
+                                            name: "authenticated",
+                                            onChange: ()=>setAuthenticated(!authenticated),
+                                            path: "authenticated"
+                                        })
+                                    ]
+                                }),
+                                localeOptions && /*#__PURE__*/ _jsx(Select, {
+                                    label: t('general:locale'),
+                                    name: "locale",
+                                    onChange: (value)=>setLocale(value),
+                                    options: localeOptions,
+                                    path: "locale"
+                                }),
+                                /*#__PURE__*/ _jsx(NumberInput, {
+                                    label: t('general:depth'),
+                                    max: 10,
+                                    min: 0,
+                                    name: "depth",
+                                    onChange: (value)=>setDepth(value?.toString()),
+                                    path: "depth",
+                                    step: 1
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__results-wrapper`,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__toggle-fullscreen-button-container`,
+                        children: /*#__PURE__*/ _jsx("button", {
+                            "aria-label": "toggle fullscreen",
+                            className: `${baseClass}__toggle-fullscreen-button`,
+                            onClick: ()=>setFullscreen(!fullscreen),
+                            type: "button",
+                            children: /*#__PURE__*/ _jsx(MinimizeMaximize, {
+                                isMinimized: !fullscreen
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__results`,
+                        children: /*#__PURE__*/ _jsx(RenderJSON, {
+                            object: data
+                        })
+                    })
+                ]
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard'\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { Checkbox } from '@payloadcms/ui/fields/Checkbox'\nimport { NumberField as NumberInput } from '@payloadcms/ui/fields/Number'\nimport { Select } from '@payloadcms/ui/fields/Select'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { useSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport * as React from 'react'\nimport { toast } from 'react-toastify'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/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 fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify(\n    {\n      depth,\n      draft,\n      locale,\n    },\n    { addQueryPrefix: true },\n  )}`\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error)\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                <Checkbox\n                  label={t('version:draft')}\n                  name=\"draft\"\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <Checkbox\n                label={t('authentication:authenticated')}\n                name=\"authenticated\"\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && (\n              <Select\n                label={t('general:locale')}\n                name=\"locale\"\n                onChange={(value) => setLocale(value)}\n                options={localeOptions}\n                path=\"locale\"\n              />\n            )}\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            <MinimizeMaximize 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":["CopyToClipboard","Gutter","Checkbox","NumberField","NumberInput","Select","Form","MinimizeMaximize","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","qs","React","toast","SetDocumentStepNav","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","fetchURL","stringify","addQueryPrefix","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","options","max","min","toString","step","button","aria-label","onClick","type","isMinimized","object"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard'\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { Checkbox } from '@payloadcms/ui/fields/Checkbox'\nimport { NumberField as NumberInput } from '@payloadcms/ui/fields/Number'\nimport { Select } from '@payloadcms/ui/fields/Select'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { useSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport * as React from 'react'\nimport { toast } from 'react-toastify'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/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 fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify(\n    {\n      depth,\n      draft,\n      locale,\n    },\n    { addQueryPrefix: true },\n  )}`\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error)\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                <Checkbox\n                  label={t('version:draft')}\n                  name=\"draft\"\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <Checkbox\n                label={t('authentication:authenticated')}\n                name=\"authenticated\"\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && (\n              <Select\n                label={t('general:locale')}\n                name=\"locale\"\n                onChange={(value) => setLocale(value)}\n                options={localeOptions}\n                path=\"locale\"\n              />\n            )}\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            <MinimizeMaximize 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":["CopyToClipboard","Gutter","Checkbox","NumberField","NumberInput","Select","Form","MinimizeMaximize","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","qs","React","toast","SetDocumentStepNav","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","fetchURL","stringify","addQueryPrefix","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","options","max","min","toString","step","button","aria-label","onClick","type","isMinimized","object"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/views/API/index.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { APIViewClient } from './index.client.js';
 export const APIView = ()=>{
-    return /*#__PURE__*/ React.createElement(APIViewClient, null);
+    return /*#__PURE__*/ _jsx(APIViewClient, {});
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload/types'\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"],"rangeMappings":";;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,MAAMC,UAA6B;IACxC,qBAAO,oBAACD;AACV,EAAC"}
+{"version":3,"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload/types'\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"],"rangeMappings":";;;;;","mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,MAAMC,UAA6B;IACxC,qBAAO,KAACD;AACV,EAAC"}

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) {
+        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();
 };