@payloadcms/next 3.0.0-beta.90 → 3.0.0-beta.91

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 { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField, SetViewActions, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
@@ -8,207 +9,194 @@ import { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'
 import { LocaleSelector } from './LocaleSelector/index.js';
 import { RenderJSON } from './RenderJSON/index.js';
 const baseClass = 'query-inspector';
-export const APIViewClient = ()=>{
-    const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo();
-    const searchParams = useSearchParams();
-    const { i18n, t } = useTranslation();
-    const { code } = useLocale();
-    const { config: { localization, routes: { api: apiRoute }, serverURL }, getEntityConfig } = useConfig();
-    const collectionClientConfig = getEntityConfig({
-        collectionSlug
-    });
-    const globalClientConfig = getEntityConfig({
-        globalSlug
-    });
-    const localeOptions = localization && localization.locales.map((locale)=>({
-            label: locale.label,
-            value: locale.code
-        }));
-    let draftsEnabled = false;
-    let docEndpoint = '';
-    if (collectionClientConfig) {
-        draftsEnabled = Boolean(collectionClientConfig.versions?.drafts);
-        docEndpoint = `/${collectionSlug}/${id}`;
-    }
-    if (globalClientConfig) {
-        draftsEnabled = Boolean(globalClientConfig.versions?.drafts);
-        docEndpoint = `/globals/${globalSlug}`;
-    }
-    const [data, setData] = React.useState(initialData);
-    const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
-    const [locale, setLocale] = React.useState(searchParams?.get('locale') || code);
-    const [depth, setDepth] = React.useState(searchParams.get('depth') || '1');
-    const [authenticated, setAuthenticated] = React.useState(true);
-    const [fullscreen, setFullscreen] = React.useState(false);
-    const params = new URLSearchParams({
-        depth,
-        draft: String(draft),
-        locale
-    }).toString();
-    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`;
-    React.useEffect(()=>{
-        const fetchData = async ()=>{
-            try {
-                const res = await fetch(fetchURL, {
-                    credentials: authenticated ? 'include' : 'omit',
-                    headers: {
-                        'Accept-Language': i18n.language
-                    },
-                    method: 'GET'
-                });
-                try {
-                    const json = await res.json();
-                    setData(json);
-                } catch (error) {
-                    toast.error('Error parsing response');
-                    console.error(error) // eslint-disable-line no-console
-                    ;
-                }
-            } catch (error) {
-                toast.error('Error making request');
-                console.error(error) // eslint-disable-line no-console
-                ;
-            }
-        };
-        void fetchData();
-    }, [
-        i18n.language,
-        fetchURL,
-        authenticated
-    ]);
-    return /*#__PURE__*/ _jsxs(Gutter, {
-        className: [
-            baseClass,
-            fullscreen && `${baseClass}--fullscreen`
-        ].filter(Boolean).join(' '),
-        right: false,
-        children: [
-            /*#__PURE__*/ _jsx(SetDocumentStepNav, {
-                collectionSlug: collectionSlug,
-                globalLabel: globalClientConfig?.label,
-                globalSlug: globalSlug,
-                id: id,
-                pluralLabel: collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined,
-                useAsTitle: collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined,
-                view: "API"
-            }),
-            /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api?.actions
-            }),
-            /*#__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(CheckboxField, {
-                                            field: {
-                                                name: 'draft',
-                                                label: t('version:draft')
-                                            },
-                                            onChange: ()=>setDraft(!draft)
-                                        }),
-                                        /*#__PURE__*/ _jsx(CheckboxField, {
-                                            field: {
-                                                name: 'authenticated',
-                                                label: t('authentication:authenticated')
-                                            },
-                                            onChange: ()=>setAuthenticated(!authenticated)
-                                        })
-                                    ]
-                                }),
-                                localeOptions && /*#__PURE__*/ _jsx(LocaleSelector, {
-                                    localeOptions: localeOptions,
-                                    onChange: setLocale
-                                }),
-                                /*#__PURE__*/ _jsx(NumberField, {
-                                    field: {
-                                        name: 'depth',
-                                        admin: {
-                                            step: 1
-                                        },
-                                        label: t('general:depth'),
-                                        max: 10,
-                                        min: 0
-                                    },
-                                    onChange: (value)=>setDepth(value?.toString())
-                                })
-                            ]
-                        })
-                    })
-                ]
-            }),
-            /*#__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(MinimizeMaximizeIcon, {
-                                isMinimized: !fullscreen
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__results`,
-                        children: /*#__PURE__*/ _jsx(RenderJSON, {
-                            object: data
-                        })
-                    })
-                ]
-            })
-        ]
-    });
+export const APIViewClient = () => {
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    initialData
+  } = useDocumentInfo();
+  const searchParams = useSearchParams();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    code
+  } = useLocale();
+  const {
+    config: {
+      localization,
+      routes: {
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionClientConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalClientConfig = getEntityConfig({
+    globalSlug
+  });
+  const localeOptions = localization && localization.locales.map(locale => ({
+    label: locale.label,
+    value: locale.code
+  }));
+  let draftsEnabled = false;
+  let docEndpoint = '';
+  if (collectionClientConfig) {
+    draftsEnabled = Boolean(collectionClientConfig.versions?.drafts);
+    docEndpoint = `/${collectionSlug}/${id}`;
+  }
+  if (globalClientConfig) {
+    draftsEnabled = Boolean(globalClientConfig.versions?.drafts);
+    docEndpoint = `/globals/${globalSlug}`;
+  }
+  const [data, setData] = React.useState(initialData);
+  const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
+  const [locale_0, setLocale] = React.useState(searchParams?.get('locale') || code);
+  const [depth, setDepth] = React.useState(searchParams.get('depth') || '1');
+  const [authenticated, setAuthenticated] = React.useState(true);
+  const [fullscreen, setFullscreen] = React.useState(false);
+  const params = new URLSearchParams({
+    depth,
+    draft: String(draft),
+    locale: locale_0
+  }).toString();
+  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`;
+  React.useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const res = await fetch(fetchURL, {
+          credentials: authenticated ? 'include' : 'omit',
+          headers: {
+            'Accept-Language': i18n.language
+          },
+          method: 'GET'
+        });
+        try {
+          const json = await res.json();
+          setData(json);
+        } catch (error_0) {
+          toast.error('Error parsing response');
+          console.error(error_0) // eslint-disable-line no-console
+          ;
+        }
+      } catch (error) {
+        toast.error('Error making request');
+        console.error(error) // eslint-disable-line no-console
+        ;
+      }
+    };
+    void fetchData();
+  }, [i18n.language, fetchURL, authenticated]);
+  return /*#__PURE__*/_jsxs(Gutter, {
+    className: [baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' '),
+    right: false,
+    children: [/*#__PURE__*/_jsx(SetDocumentStepNav, {
+      collectionSlug: collectionSlug,
+      globalLabel: globalClientConfig?.label,
+      globalSlug: globalSlug,
+      id: id,
+      pluralLabel: collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined,
+      useAsTitle: collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined,
+      view: "API"
+    }), /*#__PURE__*/_jsx(SetViewActions, {
+      actions: (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api?.actions
+    }), /*#__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_0,
+            valid: true,
+            value: locale_0
+          }
+        },
+        children: /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__form-fields`,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__filter-query-checkboxes`,
+            children: [draftsEnabled && /*#__PURE__*/_jsx(CheckboxField, {
+              field: {
+                name: 'draft',
+                label: t('version:draft')
+              },
+              onChange: () => setDraft(!draft)
+            }), /*#__PURE__*/_jsx(CheckboxField, {
+              field: {
+                name: 'authenticated',
+                label: t('authentication:authenticated')
+              },
+              onChange: () => setAuthenticated(!authenticated)
+            })]
+          }), localeOptions && /*#__PURE__*/_jsx(LocaleSelector, {
+            localeOptions: localeOptions,
+            onChange: setLocale
+          }), /*#__PURE__*/_jsx(NumberField, {
+            field: {
+              name: 'depth',
+              admin: {
+                step: 1
+              },
+              label: t('general:depth'),
+              max: 10,
+              min: 0
+            },
+            onChange: value => setDepth(value?.toString())
+          })]
+        })
+      })]
+    }), /*#__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(MinimizeMaximizeIcon, {
+            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 type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetViewActions,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionClientConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const globalClientConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: string = ''\n\n  if (collectionClientConfig) {\n    draftsEnabled = Boolean(collectionClientConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalClientConfig) {\n    draftsEnabled = Boolean(globalClientConfig.versions?.drafts)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(searchParams.get('depth') || '1')\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n  }).toString()\n\n  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <Gutter\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n      right={false}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalClientConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        pluralLabel={collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined}\n        useAsTitle={collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions\n        actions={\n          (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api\n            ?.actions\n        }\n      />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberField\n              field={{\n                name: 'depth',\n                admin: {\n                  step: 1,\n                },\n                label: t('general:depth'),\n                max: 10,\n                min: 0,\n              }}\n              onChange={(value) => setDepth(value?.toString())}\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetViewActions","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","toast","SetDocumentStepNav","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","config","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionClientConfig","globalClientConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","params","URLSearchParams","String","toString","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","components","views","edit","div","span","a","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","step","max","min","button","aria-label","onClick","type","isMinimized","object"],"mappings":"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"}
+{"version":3,"file":"index.client.js","names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetViewActions","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","toast","SetDocumentStepNav","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","config","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionClientConfig","globalClientConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","params","URLSearchParams","String","toString","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","join","right","_jsx","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","components","views","edit","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","step","max","min","onClick","type","isMinimized","object"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetViewActions,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionClientConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const globalClientConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: string = ''\n\n  if (collectionClientConfig) {\n    draftsEnabled = Boolean(collectionClientConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalClientConfig) {\n    draftsEnabled = Boolean(globalClientConfig.versions?.drafts)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(searchParams.get('depth') || '1')\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n  }).toString()\n\n  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <Gutter\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n      right={false}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalClientConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        pluralLabel={collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined}\n        useAsTitle={collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions\n        actions={\n          (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api\n            ?.actions\n        }\n      />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberField\n              field={{\n                name: 'depth',\n                admin: {\n                  step: 1,\n                },\n                label: t('general:depth'),\n                max: 10,\n                min: 0,\n              }}\n              onChange={(value) => setDepth(value?.toString())}\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { APIViewClient } from './index.client.js';
-export const APIView = ()=>{
-    return /*#__PURE__*/ _jsx(APIViewClient, {});
+export const APIView = () => {
+  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, PayloadServerReactComponent } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport const APIView: PayloadServerReactComponent<EditViewComponent> = () => {\n  return <APIViewClient />\n}\n"],"names":["React","APIViewClient","APIView"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,MAAMC,UAA0D;IACrE,qBAAO,KAACD;AACV,EAAC"}
+{"version":3,"file":"index.js","names":["React","APIViewClient","APIView","_jsx"],"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { EditViewComponent, PayloadServerReactComponent } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport const APIView: PayloadServerReactComponent<EditViewComponent> = () => {\n  return <APIViewClient />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,OAAA,GAA0DA,CAAA;EACrE,oBAAOC,IAAA,CAACF,aAAA;AACV","ignoreList":[]}

package/dist/views/API/meta.js

@@ -1,22 +1,26 @@
 import { getTranslation } from '@payloadcms/translations';
 import { meta } from '../../utilities/meta.js';
-export const generateMetadata = async ({ collectionConfig, config, globalConfig, i18n })=>{
-    const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
-    return Promise.resolve(meta({
-        ...config.admin.meta || {},
-        description: `API - ${entityLabel}`,
-        keywords: 'API',
-        serverURL: config.serverURL,
-        title: `API - ${entityLabel}`,
-        ...collectionConfig ? {
-            ...collectionConfig?.admin.meta || {},
-            ...collectionConfig?.admin?.components?.views?.edit?.api?.meta || {}
-        } : {},
-        ...globalConfig ? {
-            ...globalConfig?.admin.meta || {},
-            ...globalConfig?.admin?.components?.views?.edit?.api?.meta || {}
-        } : {}
-    }));
+export const generateMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n
+}) => {
+  const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
+  return Promise.resolve(meta({
+    ...(config.admin.meta || {}),
+    description: `API - ${entityLabel}`,
+    keywords: 'API',
+    serverURL: config.serverURL,
+    title: `API - ${entityLabel}`,
+    ...(collectionConfig ? {
+      ...(collectionConfig?.admin.meta || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {}),
+    ...(globalConfig ? {
+      ...(globalConfig?.admin.meta || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {})
+  }));
 };
-
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/meta.ts"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}) => {\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  return Promise.resolve(\n    meta({\n      ...(config.admin.meta || {}),\n      description: `API - ${entityLabel}`,\n      keywords: 'API',\n      serverURL: config.serverURL,\n      title: `API - ${entityLabel}`,\n      ...(collectionConfig\n        ? {\n            ...(collectionConfig?.admin.meta || {}),\n            ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}),\n      ...(globalConfig\n        ? {\n            ...(globalConfig?.admin.meta || {}),\n            ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}),\n    }),\n  )\n}\n"],"names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","entityLabel","labels","singular","label","Promise","resolve","admin","description","keywords","serverURL","title","components","views","edit","api"],"mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACL;IACC,MAAMC,cAAcJ,mBAChBH,eAAeG,iBAAiBK,MAAM,CAACC,QAAQ,EAAEH,QACjDD,eACEL,eAAeK,aAAaK,KAAK,EAAEJ,QACnC;IAEN,OAAOK,QAAQC,OAAO,CACpBX,KAAK;QACH,GAAIG,OAAOS,KAAK,CAACZ,IAAI,IAAI,CAAC,CAAC;QAC3Ba,aAAa,CAAC,MAAM,EAAEP,YAAY,CAAC;QACnCQ,UAAU;QACVC,WAAWZ,OAAOY,SAAS;QAC3BC,OAAO,CAAC,MAAM,EAAEV,YAAY,CAAC;QAC7B,GAAIJ,mBACA;YACE,GAAIA,kBAAkBU,MAAMZ,QAAQ,CAAC,CAAC;YACtC,GAAIE,kBAAkBU,OAAOK,YAAYC,OAAOC,MAAMC,KAAKpB,QAAQ,CAAC,CAAC;QACvE,IACA,CAAC,CAAC;QACN,GAAII,eACA;YACE,GAAIA,cAAcQ,MAAMZ,QAAQ,CAAC,CAAC;YAClC,GAAII,cAAcQ,OAAOK,YAAYC,OAAOC,MAAMC,KAAKpB,QAAQ,CAAC,CAAC;QACnE,IACA,CAAC,CAAC;IACR;AAEJ,EAAC"}
+{"version":3,"file":"meta.js","names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","entityLabel","labels","singular","label","Promise","resolve","admin","description","keywords","serverURL","title","components","views","edit","api"],"sources":["../../../src/views/API/meta.ts"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}) => {\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  return Promise.resolve(\n    meta({\n      ...(config.admin.meta || {}),\n      description: `API - ${entityLabel}`,\n      keywords: 'API',\n      serverURL: config.serverURL,\n      title: `API - ${entityLabel}`,\n      ...(collectionConfig\n        ? {\n            ...(collectionConfig?.admin.meta || {}),\n            ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}),\n      ...(globalConfig\n        ? {\n            ...(globalConfig?.admin.meta || {}),\n            ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}),\n    }),\n  )\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAI/B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,gBAAA,GAA6C,MAAAA,CAAO;EAC/DC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC;AAAI,CACL;EACC,MAAMC,WAAA,GAAcJ,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBK,MAAM,CAACC,QAAQ,EAAEH,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaK,KAAK,EAAEJ,IAAA,IACnC;EAEN,OAAOK,OAAA,CAAQC,OAAO,CACpBX,IAAA,CAAK;IACH,IAAIG,MAAA,CAAOS,KAAK,CAACZ,IAAI,IAAI,CAAC,CAAC;IAC3Ba,WAAA,EAAa,SAASP,WAAA,EAAa;IACnCQ,QAAA,EAAU;IACVC,SAAA,EAAWZ,MAAA,CAAOY,SAAS;IAC3BC,KAAA,EAAO,SAASV,WAAA,EAAa;IAC7B,IAAIJ,gBAAA,GACA;MACE,IAAIA,gBAAA,EAAkBU,KAAA,CAAMZ,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIE,gBAAA,EAAkBU,KAAA,EAAOK,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKpB,IAAA,IAAQ,CAAC,CAAC;IACvE,IACA,CAAC,CAAC;IACN,IAAII,YAAA,GACA;MACE,IAAIA,YAAA,EAAcQ,KAAA,CAAMZ,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAII,YAAA,EAAcQ,KAAA,EAAOK,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKpB,IAAA,IAAQ,CAAC,CAAC;IACnE,IACA,CAAC,CAAC;EACR;AAEJ","ignoreList":[]}

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

@@ -1,19 +1,52 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ReactSelect, useTranslation } from '@payloadcms/ui';
 import React from 'react';
-export const LanguageSelector = (props)=>{
-    const { languageOptions } = props;
-    const { i18n, switchLanguage } = useTranslation();
-    return /*#__PURE__*/ _jsx(ReactSelect, {
-        inputId: "language-select",
-        isClearable: false,
-        onChange: async (option)=>{
-            await switchLanguage(option.value);
-        },
-        options: languageOptions,
-        value: languageOptions.find((language)=>language.value === i18n.language)
+export const LanguageSelector = props => {
+  const $ = _c(8);
+  const {
+    languageOptions
+  } = props;
+  const {
+    i18n,
+    switchLanguage
+  } = useTranslation();
+  let t0;
+  if ($[0] !== switchLanguage) {
+    t0 = async option => {
+      await switchLanguage(option.value);
+    };
+    $[0] = switchLanguage;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== i18n.language || $[3] !== languageOptions || $[4] !== t0) {
+    let t2;
+    if ($[6] !== i18n.language) {
+      t2 = language => language.value === i18n.language;
+      $[6] = i18n.language;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    t1 = _jsx(ReactSelect, {
+      inputId: "language-select",
+      isClearable: false,
+      onChange: t0,
+      options: languageOptions,
+      value: languageOptions.find(t2)
     });
+    $[2] = i18n.language;
+    $[3] = languageOptions;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=LanguageSelector.js.map