@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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

@@ -1,153 +1,205 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField, SetDocumentStepNav, toast, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
-import './index.scss';
 import { hasDraftsEnabled } from 'payload/shared';
 import * as React from 'react';
 import { LocaleSelector } from './LocaleSelector/index.js';
 import { RenderJSON } from './RenderJSON/index.js';
 const baseClass = 'query-inspector';
-export const APIViewClient = ()=>{
-    const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo();
-    const searchParams = useSearchParams();
-    const { i18n, t } = useTranslation();
-    const { code } = useLocale();
-    const { config: { defaultDepth, localization, routes: { api: apiRoute }, serverURL }, getEntityConfig } = useConfig();
-    const collectionConfig = getEntityConfig({
-        collectionSlug
-    });
-    const globalConfig = getEntityConfig({
-        globalSlug
-    });
-    const localeOptions = localization && localization.locales.map((locale)=>({
-            label: locale.label,
-            value: locale.code
-        }));
-    let draftsEnabled = false;
-    let docEndpoint = '';
-    if (collectionConfig) {
-        draftsEnabled = hasDraftsEnabled(collectionConfig);
-        docEndpoint = `/${collectionSlug}/${id}`;
-    }
-    if (globalConfig) {
-        draftsEnabled = hasDraftsEnabled(globalConfig);
-        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') || defaultDepth.toString());
-    const [authenticated, setAuthenticated] = React.useState(true);
-    const [fullscreen, setFullscreen] = React.useState(false);
-    const trashParam = typeof initialData?.deletedAt === 'string';
-    const params = new URLSearchParams({
-        depth,
-        draft: String(draft),
-        locale,
-        trash: trashParam ? 'true' : 'false'
-    }).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 <Gutter className={[
-        baseClass,
-        fullscreen && `${baseClass}--fullscreen`
-    ].filter(Boolean).join(' ')} right={false}>
-      <SetDocumentStepNav collectionSlug={collectionSlug} globalLabel={globalConfig?.label} globalSlug={globalSlug} id={id} isTrashed={isTrashed} pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined} useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined} view="API"/>
-      <div className={`${baseClass}__configuration`}>
-        <div className={`${baseClass}__api-url`}>
-          <span className={`${baseClass}__label`}>
-            API URL <CopyToClipboard value={fetchURL}/>
-          </span>
-          <a href={fetchURL} rel="noopener noreferrer" target="_blank">
-            {fetchURL}
-          </a>
-        </div>
-        <Form initialState={{
-        authenticated: {
+export const APIViewClient = () => {
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    initialData,
+    isTrashed
+  } = useDocumentInfo();
+  const searchParams = useSearchParams();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    code
+  } = useLocale();
+  const {
+    config: {
+      defaultDepth,
+      localization,
+      routes: {
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug
+  });
+  const localeOptions = localization && localization.locales.map(locale => ({
+    label: locale.label,
+    value: locale.code
+  }));
+  let draftsEnabled = false;
+  let docEndpoint = '';
+  if (collectionConfig) {
+    draftsEnabled = hasDraftsEnabled(collectionConfig);
+    docEndpoint = `/${collectionSlug}/${id}`;
+  }
+  if (globalConfig) {
+    draftsEnabled = hasDraftsEnabled(globalConfig);
+    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') || defaultDepth.toString());
+  const [authenticated, setAuthenticated] = React.useState(true);
+  const [fullscreen, setFullscreen] = React.useState(false);
+  const trashParam = typeof initialData?.deletedAt === 'string';
+  const params = new URLSearchParams({
+    depth,
+    draft: String(draft),
+    locale: locale_0,
+    trash: trashParam ? 'true' : 'false'
+  }).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: globalConfig?.label,
+      globalSlug: globalSlug,
+      id: id,
+      isTrashed: isTrashed,
+      pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
+      useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
+      view: "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: {
+          },
+          depth: {
             initialValue: Number(depth || 0),
             valid: true,
             value: Number(depth || 0)
-        },
-        draft: {
+          },
+          draft: {
             initialValue: draft || false,
             valid: true,
             value: draft || false
-        },
-        locale: {
-            initialValue: locale,
+          },
+          locale: {
+            initialValue: locale_0,
             valid: true,
-            value: locale
-        }
-    }}>
-          <div className={`${baseClass}__form-fields`}>
-            <div className={`${baseClass}__filter-query-checkboxes`}>
-              {draftsEnabled && <CheckboxField field={{
-        name: 'draft',
-        label: t('version:draft')
-    }} onChange={()=>setDraft(!draft)} path="draft"/>}
-              <CheckboxField field={{
-        name: 'authenticated',
-        label: t('authentication:authenticated')
-    }} onChange={()=>setAuthenticated(!authenticated)} path="authenticated"/>
-            </div>
-            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale}/>}
-            <NumberField field={{
-        name: 'depth',
-        admin: {
-            step: 1
+            value: locale_0
+          }
         },
-        label: t('general:depth'),
-        max: 10,
-        min: 0
-    }} onChange={(value)=>setDepth(value?.toString())} path="depth"/>
-          </div>
-        </Form>
-      </div>
-      <div className={`${baseClass}__results-wrapper`}>
-        <div className={`${baseClass}__toggle-fullscreen-button-container`}>
-          <button aria-label="toggle fullscreen" className={`${baseClass}__toggle-fullscreen-button`} onClick={()=>setFullscreen(!fullscreen)} type="button">
-            <MinimizeMaximizeIcon isMinimized={!fullscreen}/>
-          </button>
-        </div>
-        <div className={`${baseClass}__results`}>
-          <RenderJSON object={data}/>
-        </div>
-      </div>
-    </Gutter>;
+        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),
+              path: "draft"
+            }), /*#__PURE__*/_jsx(CheckboxField, {
+              field: {
+                name: 'authenticated',
+                label: t('authentication:authenticated')
+              },
+              onChange: () => setAuthenticated(!authenticated),
+              path: "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()),
+            path: "depth"
+          })]
+        })
+      })]
+    }), /*#__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 {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetDocumentStepNav,\n  toast,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.scss'\n\nimport { hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\n\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      defaultDepth,\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: string = ''\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(\n    searchParams.get('depth') || defaultDepth.toString(),\n  )\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = `${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={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberField\n              field={{\n                name: 'depth',\n                admin: {\n                  step: 1,\n                },\n                label: t('general:depth'),\n                max: 10,\n                min: 0,\n              }}\n              onChange={(value) => setDepth(value?.toString())}\n              path=\"depth\"\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","hasDraftsEnabled","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","Boolean","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","div","span","a","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","path","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","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","hasDraftsEnabled","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","right","_jsx","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","path","step","max","min","onClick","type","isMinimized","object"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetDocumentStepNav,\n  toast,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.scss'\n\nimport { hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\n\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      defaultDepth,\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: string = ''\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(\n    searchParams.get('depth') || defaultDepth.toString(),\n  )\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = `${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={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberField\n              field={{\n                name: 'depth',\n                admin: {\n                  step: 1,\n                },\n                label: t('general:depth'),\n                max: 10,\n                min: 0,\n              }}\n              onChange={(value) => setDepth(value?.toString())}\n              path=\"depth\"\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { APIViewClient } from './index.client.js';
 export function APIView(props) {
-    return <APIViewClient/>;
+  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 { DocumentViewServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport function APIView(props: DocumentViewServerProps) {\n  return <APIViewClient />\n}\n"],"names":["APIViewClient","APIView","props"],"mappings":"AAIA,SAASA,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,SAASC,QAAQC,KAA8B;IACpD,QAAQF;AACV"}
+{"version":3,"file":"index.js","names":["React","APIViewClient","APIView","props","_jsx"],"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { DocumentViewServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport function APIView(props: DocumentViewServerProps) {\n  return <APIViewClient />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAE9B,OAAO,SAASC,QAAQC,KAA8B;EACpD,oBAAOC,IAAA,CAACH,aAAA;AACV","ignoreList":[]}

package/dist/views/API/metadata.js

@@ -2,23 +2,28 @@ import { getTranslation } from '@payloadcms/translations';
 import { generateMetadata } from '../../utilities/meta.js';
 /**
  * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.
- */ export const generateAPIViewMetadata = async ({ collectionConfig, config, globalConfig, i18n })=>{
-    const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
-    return Promise.resolve(generateMetadata({
-        ...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 generateAPIViewMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n
+}) => {
+  const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
+  return Promise.resolve(generateMetadata({
+    ...(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=metadata.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/metadata.ts"],"sourcesContent":["import type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { generateMetadata } from '../../utilities/meta.js'\n\n/**\n * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateAPIViewMetadata: 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    generateMetadata({\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        : {}) as MetaConfig),\n      ...((globalConfig\n        ? {\n            ...(globalConfig?.admin.meta || {}),\n            ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}) as MetaConfig),\n    }),\n  )\n}\n"],"names":["getTranslation","generateMetadata","generateAPIViewMetadata","collectionConfig","config","globalConfig","i18n","entityLabel","labels","singular","label","Promise","resolve","admin","meta","description","keywords","serverURL","title","components","views","edit","api"],"mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,gBAAgB,QAAQ,0BAAyB;AAE1D;;CAEC,GACD,OAAO,MAAMC,0BAAoD,OAAO,EACtEC,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,iBAAiB;QACf,GAAIG,OAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;QAC3BC,aAAa,CAAC,MAAM,EAAER,aAAa;QACnCS,UAAU;QACVC,WAAWb,OAAOa,SAAS;QAC3BC,OAAO,CAAC,MAAM,EAAEX,aAAa;QAC7B,GAAKJ,mBACD;YACE,GAAIA,kBAAkBU,MAAMC,QAAQ,CAAC,CAAC;YACtC,GAAIX,kBAAkBU,OAAOM,YAAYC,OAAOC,MAAMC,KAAKR,QAAQ,CAAC,CAAC;QACvE,IACA,CAAC,CAAC;QACN,GAAKT,eACD;YACE,GAAIA,cAAcQ,MAAMC,QAAQ,CAAC,CAAC;YAClC,GAAIT,cAAcQ,OAAOM,YAAYC,OAAOC,MAAMC,KAAKR,QAAQ,CAAC,CAAC;QACnE,IACA,CAAC,CAAC;IACR;AAEJ,EAAC"}
+{"version":3,"file":"metadata.js","names":["getTranslation","generateMetadata","generateAPIViewMetadata","collectionConfig","config","globalConfig","i18n","entityLabel","labels","singular","label","Promise","resolve","admin","meta","description","keywords","serverURL","title","components","views","edit","api"],"sources":["../../../src/views/API/metadata.ts"],"sourcesContent":["import type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { generateMetadata } from '../../utilities/meta.js'\n\n/**\n * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateAPIViewMetadata: 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    generateMetadata({\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        : {}) as MetaConfig),\n      ...((globalConfig\n        ? {\n            ...(globalConfig?.admin.meta || {}),\n            ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}) as MetaConfig),\n    }),\n  )\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAI/B,SAASC,gBAAgB,QAAQ;AAEjC;;;AAGA,OAAO,MAAMC,uBAAA,GAAoD,MAAAA,CAAO;EACtEC,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,gBAAA,CAAiB;IACf,IAAIG,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;IAC3BC,WAAA,EAAa,SAASR,WAAA,EAAa;IACnCS,QAAA,EAAU;IACVC,SAAA,EAAWb,MAAA,CAAOa,SAAS;IAC3BC,KAAA,EAAO,SAASX,WAAA,EAAa;IAC7B,IAAKJ,gBAAA,GACD;MACE,IAAIA,gBAAA,EAAkBU,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIX,gBAAA,EAAkBU,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKR,IAAA,IAAQ,CAAC,CAAC;IACvE,IACA,CAAC,CAAC;IACN,IAAKT,YAAA,GACD;MACE,IAAIA,YAAA,EAAcQ,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAIT,YAAA,EAAcQ,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKR,IAAA,IAAQ,CAAC,CAAC;IACnE,IACA,CAAC,CAAC;EACR;AAEJ","ignoreList":[]}

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

@@ -1,56 +1,100 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, ConfirmationModal, toast, useModal, useTranslation } from '@payloadcms/ui';
 import * as qs from 'qs-esm';
 import { Fragment, useCallback } from 'react';
 const confirmResetModalSlug = 'confirm-reset-modal';
-export const ResetPreferences = ({ apiRoute, user })=>{
-    const { openModal } = useModal();
-    const { t } = useTranslation();
-    const handleResetPreferences = useCallback(async ()=>{
-        if (!user) {
-            return;
-        }
-        const stringifiedQuery = qs.stringify({
-            depth: 0,
-            where: {
-                user: {
-                    id: {
-                        equals: user.id
-                    }
-                }
+export const ResetPreferences = t0 => {
+  const $ = _c(9);
+  const {
+    apiRoute,
+    user
+  } = t0;
+  const {
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== apiRoute || $[1] !== user) {
+    t1 = async () => {
+      if (!user) {
+        return;
+      }
+      const stringifiedQuery = qs.stringify({
+        depth: 0,
+        where: {
+          user: {
+            id: {
+              equals: user.id
             }
-        }, {
-            addQueryPrefix: true
+          }
+        }
+      }, {
+        addQueryPrefix: true
+      });
+      ;
+      try {
+        const res = await fetch(`${apiRoute}/payload-preferences${stringifiedQuery}`, {
+          credentials: "include",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          method: "DELETE"
         });
-        try {
-            const res = await fetch(`${apiRoute}/payload-preferences${stringifiedQuery}`, {
-                credentials: 'include',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                method: 'DELETE'
-            });
-            const json = await res.json();
-            const message = json.message;
-            if (res.ok) {
-                toast.success(message);
-            } else {
-                toast.error(message);
-            }
-        } catch (_err) {}
-    }, // swallow error
-    [
-        apiRoute,
-        user
-    ]);
-    return <Fragment>
-      <div>
-        <Button buttonStyle="secondary" onClick={()=>openModal(confirmResetModalSlug)}>
-          {t('general:resetPreferences')}
-        </Button>
-      </div>
-      <ConfirmationModal body={t('general:resetPreferencesDescription')} confirmingLabel={t('general:resettingPreferences')} heading={t('general:resetPreferences')} modalSlug={confirmResetModalSlug} onConfirm={handleResetPreferences}/>
-    </Fragment>;
+        const json = await res.json();
+        const message = json.message;
+        if (res.ok) {
+          toast.success(message);
+        } else {
+          toast.error(message);
+        }
+      } catch (t2) {
+        const _err = t2;
+      }
+    };
+    $[0] = apiRoute;
+    $[1] = user;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handleResetPreferences = t1;
+  let t2;
+  if ($[3] !== openModal) {
+    t2 = () => openModal(confirmResetModalSlug);
+    $[3] = openModal;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== handleResetPreferences || $[6] !== t || $[7] !== t2) {
+    t3 = _jsxs(Fragment, {
+      children: [_jsx("div", {
+        children: _jsx(Button, {
+          buttonStyle: "secondary",
+          onClick: t2,
+          children: t("general:resetPreferences")
+        })
+      }), _jsx(ConfirmationModal, {
+        body: t("general:resetPreferencesDescription"),
+        confirmingLabel: t("general:resettingPreferences"),
+        heading: t("general:resetPreferences"),
+        modalSlug: confirmResetModalSlug,
+        onConfirm: handleResetPreferences
+      })]
+    });
+    $[5] = handleResetPreferences;
+    $[6] = t;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.js.map