@payloadcms/next 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/views/API/index.scss

@@ -0,0 +1,119 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .query-inspector {
+    --string-color: var(--color-success-450);
+    --number-color: var(--color-warning-450);
+    display: flex;
+    gap: calc(var(--base) * 2);
+    align-items: flex-start;
+
+    ul {
+      padding-left: calc(var(--base) * 1);
+    }
+
+    &--fullscreen {
+      padding-left: 0;
+      .query-inspector__configuration {
+        display: none;
+      }
+    }
+
+    &__configuration {
+      margin-top: calc(var(--base) * 2);
+      width: 60%;
+      position: sticky;
+      top: var(--base);
+    }
+
+    &__api-url {
+      margin-bottom: calc(var(--base) * 1.5);
+
+      a {
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        text-decoration: none;
+
+        &:hover,
+        &:focus-visible {
+          text-decoration: underline;
+        }
+      }
+    }
+
+    &__form-fields {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
+
+    &__label {
+      color: var(--theme-elevation-400);
+    }
+
+    &__filter-query-checkboxes {
+      display: flex;
+      gap: var(--base);
+    }
+
+    &__results-wrapper {
+      font-family: var(--font-mono);
+      width: 100%;
+      ul {
+        margin: 0;
+      }
+      li {
+        list-style: none;
+      }
+    }
+
+    &__toggle-fullscreen-button-container {
+      position: sticky;
+      top: 0;
+      z-index: 1;
+
+      @include mid-break {
+        display: none;
+      }
+    }
+
+    &__toggle-fullscreen-button {
+      position: absolute;
+      right: calc(var(--base) * 0.5);
+      top: calc(var(--base) * 0.5);
+      padding: calc(var(--base) * 0.25);
+      background-color: var(--theme-elevation-0);
+      cursor: pointer;
+      z-index: 1;
+      margin: 0;
+      border: 0;
+      border-radius: 3px;
+      color: var(--theme-elevation-300);
+      &:hover {
+        color: var(--theme-elevation-700);
+      }
+    }
+
+    &__results {
+      padding-top: calc(var(--base) * 0.5);
+      padding-left: calc(var(--base) * 0.5);
+      padding-bottom: calc(var(--base) * 0.5);
+      background-color: var(--theme-elevation-50);
+      overflow: auto;
+      min-height: 100vh;
+    }
+
+    @include mid-break {
+      flex-direction: column;
+      padding-left: 0;
+
+      .query-inspector__configuration {
+        position: relative;
+        width: 100%;
+        top: 0;
+        padding-inline-end: var(--gutter-h);
+      }
+    }
+  }
+}

package/dist/views/API/metadata.js

@@ -2,28 +2,23 @@ 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,"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":[]}
+{"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"}

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

@@ -1,112 +1,88 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Button, ConfirmationModal, toast, useConfig, useModal, useTranslation } from '@payloadcms/ui';
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 import { Fragment, useCallback } from 'react';
 const confirmResetModalSlug = 'confirm-reset-modal';
-export const ResetPreferences = t0 => {
-  const $ = _c(9);
-  const {
-    user
-  } = t0;
-  const {
-    openModal
-  } = useModal();
-  const {
-    t
-  } = useTranslation();
-  const {
-    config: t1
-  } = useConfig();
-  const {
-    routes: t2
-  } = t1;
-  const {
-    api: apiRoute
-  } = t2;
-  let t3;
-  if ($[0] !== apiRoute || $[1] !== user) {
-    t3 = async () => {
-      if (!user) {
-        return;
-      }
-      const stringifiedQuery = qs.stringify({
-        depth: 0,
-        where: {
-          user: {
-            id: {
-              equals: user.id
-            }
-          }
+export const ResetPreferences = ({ user })=>{
+    const { openModal } = useModal();
+    const { t } = useTranslation();
+    const { config: { routes: { api: apiRoute } } } = useConfig();
+    const handleResetPreferences = useCallback(async ()=>{
+        if (!user) {
+            return;
         }
-      }, {
-        addQueryPrefix: true
-      });
-      ;
-      try {
-        const res = await fetch(formatAdminURL({
-          apiRoute,
-          path: `/payload-preferences${stringifiedQuery}`
-        }), {
-          credentials: "include",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          method: "DELETE"
+        const stringifiedQuery = qs.stringify({
+            depth: 0,
+            where: {
+                user: {
+                    id: {
+                        equals: user.id
+                    }
+                }
+            }
+        }, {
+            addQueryPrefix: true
         });
-        const json = await res.json();
-        const message = json.message;
-        if (res.ok) {
-          toast.success(message);
-        } else {
-          toast.error(message);
-        }
-      } catch (t4) {
-        const _err = t4;
-      }
-    };
-    $[0] = apiRoute;
-    $[1] = user;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  const handleResetPreferences = t3;
-  let t4;
-  if ($[3] !== openModal) {
-    t4 = () => openModal(confirmResetModalSlug);
-    $[3] = openModal;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  let t5;
-  if ($[5] !== handleResetPreferences || $[6] !== t || $[7] !== t4) {
-    t5 = _jsxs(Fragment, {
-      children: [_jsx("div", {
-        children: _jsx(Button, {
-          buttonStyle: "secondary",
-          onClick: t4,
-          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] = t4;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  return t5;
+        try {
+            const res = await fetch(formatAdminURL({
+                apiRoute,
+                path: `/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 /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                children: /*#__PURE__*/ _jsxDEV(Button, {
+                    buttonStyle: "secondary",
+                    onClick: ()=>openModal(confirmResetModalSlug),
+                    children: t('general:resetPreferences')
+                }, void 0, false, {
+                    fileName: "src/views/Account/ResetPreferences/index.tsx",
+                    lineNumber: 79,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/views/Account/ResetPreferences/index.tsx",
+                lineNumber: 78,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: t('general:resetPreferencesDescription'),
+                confirmingLabel: t('general:resettingPreferences'),
+                heading: t('general:resetPreferences'),
+                modalSlug: confirmResetModalSlug,
+                onConfirm: handleResetPreferences
+            }, void 0, false, {
+                fileName: "src/views/Account/ResetPreferences/index.tsx",
+                lineNumber: 83,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Account/ResetPreferences/index.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Button","ConfirmationModal","toast","useConfig","useModal","useTranslation","formatAdminURL","qs","Fragment","useCallback","confirmResetModalSlug","ResetPreferences","t0","$","user","openModal","t","config","t1","routes","t2","api","apiRoute","t3","stringifiedQuery","stringify","depth","where","id","equals","addQueryPrefix","res","fetch","path","credentials","headers","method","json","message","ok","success","error","t4","_err","handleResetPreferences","t5","_jsxs","children","_jsx","buttonStyle","onClick","body","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/views/Account/ResetPreferences/index.tsx"],"sourcesContent":["'use client'\nimport type { TypedUser } from 'payload'\n\nimport {\n  Button,\n  ConfirmationModal,\n  toast,\n  useConfig,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback } from 'react'\n\nconst confirmResetModalSlug = 'confirm-reset-modal'\n\nexport const ResetPreferences: React.FC<{\n  readonly user?: TypedUser\n}> = ({ user }) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const handleResetPreferences = useCallback(async () => {\n    if (!user) {\n      return\n    }\n\n    const stringifiedQuery = qs.stringify(\n      {\n        depth: 0,\n        where: {\n          user: {\n            id: {\n              equals: user.id,\n            },\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    try {\n      const res = await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/payload-preferences${stringifiedQuery}`,\n        }),\n        {\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'DELETE',\n        },\n      )\n\n      const json = await res.json()\n      const message = json.message\n\n      if (res.ok) {\n        toast.success(message)\n      } else {\n        toast.error(message)\n      }\n    } catch (_err) {\n      // swallow error\n    }\n  }, [apiRoute, user])\n\n  return (\n    <Fragment>\n      <div>\n        <Button buttonStyle=\"secondary\" onClick={() => openModal(confirmResetModalSlug)}>\n          {t('general:resetPreferences')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={t('general:resetPreferencesDescription')}\n        confirmingLabel={t('general:resettingPreferences')}\n        heading={t('general:resetPreferences')}\n        modalSlug={confirmResetModalSlug}\n        onConfirm={handleResetPreferences}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,MAAM,EACNC,iBAAiB,EACjBC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,cAAc,QACT;AACP,SAASC,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,SAASC,QAAQ,EAAEC,WAAW,QAAQ;AAEtC,MAAMC,qBAAA,GAAwB;AAE9B,OAAO,MAAMC,gBAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe;EAAA,IAAAF,EAAQ;EACZ;IAAAG;EAAA,IAAsBX,QAAA;EACtB;IAAAY;EAAA,IAAcX,cAAA;EACd;IAAAY,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAgB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,GAAA,EAAAC;EAAA,IAAAF,EAAiB;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAC,IAAA;IAIcS,EAAA,SAAAA,CAAA;MAAA,KACpCT,IAAA;QAAA;MAAA;MAIL,MAAAU,gBAAA,GAAyBjB,EAAA,CAAAkB,SAAA;QAAAC,KAAA;QAAAC,KAAA;UAAAb,IAAA;YAAAc,EAAA;cAAAC,MAAA,EAMPf,IAAA,CAAAc;YAAA;UAAA;QAAA;MAAA;QAAAE,cAAA;MAAA,CAKO;MAAA;MAAA;QAIvB,MAAAC,GAAA,SAAkBC,KAAA,CAChB1B,cAAA;UAAAgB,QAAA;UAAAW,IAAA,EAEQ,uBAAuBT,gBAAA;QAAkB,CACjD;UAAAU,WAAA,EAEe;UAAAC,OAAA;YAAA,gBAEK;UAAA;UAAAC,MAAA,EAEV;QAAA,CACV;QAGF,MAAAC,IAAA,SAAmBN,GAAA,CAAAM,IAAA,CAAQ;QAC3B,MAAAC,OAAA,GAAgBD,IAAA,CAAAC,OAAA;QAAY,IAExBP,GAAA,CAAAQ,EAAA;UACFrC,KAAA,CAAAsC,OAAA,CAAcF,OAAA;QAAA;UAEdpC,KAAA,CAAAuC,KAAA,CAAYH,OAAA;QAAA;MAAA,SAAAI,EAAA;QAEPC,KAAA,CAAAA,IAAA,CAAAA,CAAA,CAAAA,EAAA;MAAA;IAAA;IAGX9B,CAAA,MAAAS,QAAA;IAAAT,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EA7CA,MAAA+B,sBAAA,GAA+BrB,EA6CZ;EAAA,IAAAmB,EAAA;EAAA,IAAA7B,CAAA,QAAAE,SAAA;IAK4B2B,EAAA,GAAAA,CAAA,KAAM3B,SAAA,CAAAL,qBAAU;IAAAG,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAA6B,EAAA;EAAA;IAAAA,EAAA,GAAA7B,CAAA;EAAA;EAAA,IAAAgC,EAAA;EAAA,IAAAhC,CAAA,QAAA+B,sBAAA,IAAA/B,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAA6B,EAAA;IAF7DG,EAAA,GAAAC,KAAA,CAAAtC,QAAA;MAAAuC,QAAA,GACEC,IAAA,CAAC;QAAAD,QAAA,EACCC,IAAA,CAAAhD,MAAA;UAAAiD,WAAA,EAAoB;UAAAC,OAAA,EAAqBR,EAAgB;UAAAK,QAAA,EACtD/B,CAAA,CAAE;QAAA,C;UAGPgC,IAAA,CAAA/C,iBAAA;QAAAkD,IAAA,EACQnC,CAAA,CAAE;QAAAoC,eAAA,EACSpC,CAAA,CAAE;QAAAqC,OAAA,EACVrC,CAAA,CAAE;QAAAsC,SAAA,EAAA5C,qBAAA;QAAA6C,SAAA,EAEAX;MAAA,C;;;;;;;;;SAXfC,E;CAeJ","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Account/ResetPreferences/index.tsx"],"sourcesContent":["'use client'\nimport type { TypedUser } from 'payload'\n\nimport {\n  Button,\n  ConfirmationModal,\n  toast,\n  useConfig,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback } from 'react'\n\nconst confirmResetModalSlug = 'confirm-reset-modal'\n\nexport const ResetPreferences: React.FC<{\n  readonly user?: TypedUser\n}> = ({ user }) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const handleResetPreferences = useCallback(async () => {\n    if (!user) {\n      return\n    }\n\n    const stringifiedQuery = qs.stringify(\n      {\n        depth: 0,\n        where: {\n          user: {\n            id: {\n              equals: user.id,\n            },\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    try {\n      const res = await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/payload-preferences${stringifiedQuery}`,\n        }),\n        {\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'DELETE',\n        },\n      )\n\n      const json = await res.json()\n      const message = json.message\n\n      if (res.ok) {\n        toast.success(message)\n      } else {\n        toast.error(message)\n      }\n    } catch (_err) {\n      // swallow error\n    }\n  }, [apiRoute, user])\n\n  return (\n    <Fragment>\n      <div>\n        <Button buttonStyle=\"secondary\" onClick={() => openModal(confirmResetModalSlug)}>\n          {t('general:resetPreferences')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={t('general:resetPreferencesDescription')}\n        confirmingLabel={t('general:resettingPreferences')}\n        heading={t('general:resetPreferences')}\n        modalSlug={confirmResetModalSlug}\n        onConfirm={handleResetPreferences}\n      />\n    </Fragment>\n  )\n}\n"],"names":["Button","ConfirmationModal","toast","useConfig","useModal","useTranslation","formatAdminURL","qs","Fragment","useCallback","confirmResetModalSlug","ResetPreferences","user","openModal","t","config","routes","api","apiRoute","handleResetPreferences","stringifiedQuery","stringify","depth","where","id","equals","addQueryPrefix","res","fetch","path","credentials","headers","method","json","message","ok","success","error","_err","div","buttonStyle","onClick","body","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"AAAA;;AAGA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,YAAYC,QAAQ,SAAQ;AAC5B,SAASC,QAAQ,EAAEC,WAAW,QAAQ,QAAO;AAE7C,MAAMC,wBAAwB;AAE9B,OAAO,MAAMC,mBAER,CAAC,EAAEC,IAAI,EAAE;IACZ,MAAM,EAAEC,SAAS,EAAE,GAAGT;IACtB,MAAM,EAAEU,CAAC,EAAE,GAAGT;IACd,MAAM,EACJU,QAAQ,EACNC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EAC1B,EACF,GAAGf;IAEJ,MAAMgB,yBAAyBV,YAAY;QACzC,IAAI,CAACG,MAAM;YACT;QACF;QAEA,MAAMQ,mBAAmBb,GAAGc,SAAS,CACnC;YACEC,OAAO;YACPC,OAAO;gBACLX,MAAM;oBACJY,IAAI;wBACFC,QAAQb,KAAKY,EAAE;oBACjB;gBACF;YACF;QACF,GACA;YAAEE,gBAAgB;QAAK;QAGzB,IAAI;YACF,MAAMC,MAAM,MAAMC,MAChBtB,eAAe;gBACbY;gBACAW,MAAM,CAAC,oBAAoB,EAAET,kBAAkB;YACjD,IACA;gBACEU,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAGF,MAAMC,OAAO,MAAMN,IAAIM,IAAI;YAC3B,MAAMC,UAAUD,KAAKC,OAAO;YAE5B,IAAIP,IAAIQ,EAAE,EAAE;gBACVjC,MAAMkC,OAAO,CAACF;YAChB,OAAO;gBACLhC,MAAMmC,KAAK,CAACH;YACd;QACF,EAAE,OAAOI,MAAM,CAEf;IACF,GAFI,gBAAgB;IAEjB;QAACpB;QAAUN;KAAK;IAEnB,qBACE,QAACJ;;0BACC,QAAC+B;0BACC,cAAA,QAACvC;oBAAOwC,aAAY;oBAAYC,SAAS,IAAM5B,UAAUH;8BACtDI,EAAE;;;;;;;;;;;0BAGP,QAACb;gBACCyC,MAAM5B,EAAE;gBACR6B,iBAAiB7B,EAAE;gBACnB8B,SAAS9B,EAAE;gBACX+B,WAAWnC;gBACXoC,WAAW3B;;;;;;;;;;;;AAInB,EAAC"}

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

@@ -1,52 +1,23 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { ReactSelect, useTranslation } from '@payloadcms/ui';
 import React from 'react';
-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 || $[3] !== languageOptions || $[4] !== t0) {
-    let t2;
-    if ($[6] !== i18n) {
-      t2 = language => language.value === i18n.language;
-      $[6] = i18n;
-      $[7] = t2;
-    } else {
-      t2 = $[7];
-    }
-    t1 = _jsx(ReactSelect, {
-      inputId: "language-select",
-      isClearable: false,
-      onChange: t0,
-      options: languageOptions,
-      value: languageOptions.find(t2)
-    });
-    $[2] = i18n;
-    $[3] = languageOptions;
-    $[4] = t0;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  return t1;
+export const LanguageSelector = (props)=>{
+    const { languageOptions } = props;
+    const { i18n, switchLanguage } = useTranslation();
+    return /*#__PURE__*/ _jsxDEV(ReactSelect, {
+        inputId: "language-select",
+        isClearable: false,
+        onChange: async (option)=>{
+            await switchLanguage(option.value);
+        },
+        options: languageOptions,
+        value: languageOptions.find((language)=>language.value === i18n.language)
+    }, void 0, false, {
+        fileName: "src/views/Account/Settings/LanguageSelector.tsx",
+        lineNumber: 17,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=LanguageSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.js","names":["c","_c","ReactSelect","useTranslation","React","LanguageSelector","props","$","languageOptions","i18n","switchLanguage","t0","option","value","t1","t2","language","_jsx","inputId","isClearable","onChange","options","find"],"sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"sourcesContent":["'use client'\nimport type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { LanguageOptions } from 'payload'\n\nimport { ReactSelect, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LanguageSelector: React.FC<{\n  languageOptions: LanguageOptions\n}> = (props) => {\n  const { languageOptions } = props\n\n  const { i18n, switchLanguage } = useTranslation()\n\n  return (\n    <ReactSelect\n      inputId=\"language-select\"\n      isClearable={false}\n      onChange={async (option: ReactSelectOption<AcceptedLanguages>) => {\n        await switchLanguage(option.value)\n      }}\n      options={languageOptions}\n      value={languageOptions.find((language) => language.value === i18n.language)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,gBAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAA4BF,KAAA;EAE5B;IAAAG,IAAA;IAAAC;EAAA,IAAiCP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAG,cAAA;IAMnBC,EAAA,SAAAC,MAAA;MAAA,MACFF,cAAA,CAAeE,MAAA,CAAAC,KAAY;IAAA;IACnCN,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAI,EAAA;IAAA,IAAAI,EAAA;IAAA,IAAAR,CAAA,QAAAE,IAAA;MAE4BM,EAAA,GAAAC,QAAA,IAAcA,QAAA,CAAAH,KAAA,KAAmBJ,IAAA,CAAAO,QAAa;MAAAT,CAAA,MAAAE,IAAA;MAAAF,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAP5EO,EAAA,GAAAG,IAAA,CAAAf,WAAA;MAAAgB,OAAA,EACU;MAAAC,WAAA;MAAAC,QAAA,EAEET,EAEV;MAAAU,OAAA,EACSb,eAAA;MAAAK,KAAA,EACFL,eAAA,CAAAc,IAAA,CAAqBP,EAA8C;IAAA,C;;;;;;;;SAP5ED,E;CAUJ","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"sourcesContent":["'use client'\nimport type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { LanguageOptions } from 'payload'\n\nimport { ReactSelect, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LanguageSelector: React.FC<{\n  languageOptions: LanguageOptions\n}> = (props) => {\n  const { languageOptions } = props\n\n  const { i18n, switchLanguage } = useTranslation()\n\n  return (\n    <ReactSelect\n      inputId=\"language-select\"\n      isClearable={false}\n      onChange={async (option: ReactSelectOption<AcceptedLanguages>) => {\n        await switchLanguage(option.value)\n      }}\n      options={languageOptions}\n      value={languageOptions.find((language) => language.value === i18n.language)}\n    />\n  )\n}\n"],"names":["ReactSelect","useTranslation","React","LanguageSelector","props","languageOptions","i18n","switchLanguage","inputId","isClearable","onChange","option","value","options","find","language"],"mappings":"AAAA;;AAKA,SAASA,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAC5D,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,mBAER,CAACC;IACJ,MAAM,EAAEC,eAAe,EAAE,GAAGD;IAE5B,MAAM,EAAEE,IAAI,EAAEC,cAAc,EAAE,GAAGN;IAEjC,qBACE,QAACD;QACCQ,SAAQ;QACRC,aAAa;QACbC,UAAU,OAAOC;YACf,MAAMJ,eAAeI,OAAOC,KAAK;QACnC;QACAC,SAASR;QACTO,OAAOP,gBAAgBS,IAAI,CAAC,CAACC,WAAaA,SAASH,KAAK,KAAKN,KAAKS,QAAQ;;;;;;AAGhF,EAAC"}

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

@@ -1,33 +1,68 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { FieldLabel } from '@payloadcms/ui';
 import React from 'react';
 import { ResetPreferences } from '../ResetPreferences/index.js';
+import './index.scss';
 import { ToggleTheme } from '../ToggleTheme/index.js';
 import { LanguageSelector } from './LanguageSelector.js';
 const baseClass = 'payload-settings';
-export const Settings = props => {
-  const {
-    className,
-    i18n,
-    languageOptions,
-    theme,
-    user
-  } = props;
-  return /*#__PURE__*/_jsxs("div", {
-    className: [baseClass, className].filter(Boolean).join(' '),
-    children: [/*#__PURE__*/_jsx("h3", {
-      children: i18n.t('general:payloadSettings')
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__language`,
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        htmlFor: "language-select",
-        label: i18n.t('general:language')
-      }), /*#__PURE__*/_jsx(LanguageSelector, {
-        languageOptions: languageOptions
-      })]
-    }), theme === 'all' && /*#__PURE__*/_jsx(ToggleTheme, {}), /*#__PURE__*/_jsx(ResetPreferences, {
-      user: user
-    })]
-  });
+export const Settings = (props)=>{
+    const { className, i18n, languageOptions, theme, user } = props;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxDEV("h3", {
+                children: i18n.t('general:payloadSettings')
+            }, void 0, false, {
+                fileName: "src/views/Account/Settings/index.tsx",
+                lineNumber: 26,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__language`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                        htmlFor: "language-select",
+                        label: i18n.t('general:language')
+                    }, void 0, false, {
+                        fileName: "src/views/Account/Settings/index.tsx",
+                        lineNumber: 28,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(LanguageSelector, {
+                        languageOptions: languageOptions
+                    }, void 0, false, {
+                        fileName: "src/views/Account/Settings/index.tsx",
+                        lineNumber: 29,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Account/Settings/index.tsx",
+                lineNumber: 27,
+                columnNumber: 7
+            }, this),
+            theme === 'all' && /*#__PURE__*/ _jsxDEV(ToggleTheme, {}, void 0, false, {
+                fileName: "src/views/Account/Settings/index.tsx",
+                lineNumber: 31,
+                columnNumber: 27
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ResetPreferences, {
+                user: user
+            }, void 0, false, {
+                fileName: "src/views/Account/Settings/index.tsx",
+                lineNumber: 32,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Account/Settings/index.tsx",
+        lineNumber: 25,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FieldLabel","React","ResetPreferences","ToggleTheme","LanguageSelector","baseClass","Settings","props","className","i18n","languageOptions","theme","user","_jsxs","filter","Boolean","join","_jsx","t","htmlFor","label"],"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { BasePayload, Config, LanguageOptions, TypedUser } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ResetPreferences } from '../ResetPreferences/index.js'\nimport './index.scss'\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport { LanguageSelector } from './LanguageSelector.js'\n\nconst baseClass = 'payload-settings'\n\nexport const Settings: React.FC<{\n  readonly className?: string\n  readonly i18n: I18n\n  readonly languageOptions: LanguageOptions\n  readonly payload: BasePayload\n  readonly theme: Config['admin']['theme']\n  readonly user?: TypedUser\n}> = (props) => {\n  const { className, i18n, languageOptions, theme, user } = props\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h3>{i18n.t('general:payloadSettings')}</h3>\n      <div className={`${baseClass}__language`}>\n        <FieldLabel htmlFor=\"language-select\" label={i18n.t('general:language')} />\n        <LanguageSelector languageOptions={languageOptions} />\n      </div>\n      {theme === 'all' && <ToggleTheme />}\n      <ResetPreferences user={user} />\n    </div>\n  )\n}\n"],"mappings":";AAGA,SAASA,UAAU,QAAQ;AAC3B,OAAOC,KAAA,MAAW;AAElB,SAASC,gBAAgB,QAAQ;AAEjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,eAAe;IAAEC,KAAK;IAAEC;EAAI,CAAE,GAAGL,KAAA;EAE1D,oBACEM,KAAA,CAAC;IAAIL,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAAC;gBAAIR,IAAA,CAAKS,CAAC,CAAC;qBACZL,KAAA,CAAC;MAAIL,SAAA,EAAW,GAAGH,SAAA,YAAqB;8BACtCY,IAAA,CAACjB,UAAA;QAAWmB,OAAA,EAAQ;QAAkBC,KAAA,EAAOX,IAAA,CAAKS,CAAC,CAAC;uBACpDD,IAAA,CAACb,gBAAA;QAAiBM,eAAA,EAAiBA;;QAEpCC,KAAA,KAAU,sBAASM,IAAA,CAACd,WAAA,O,aACrBc,IAAA,CAACf,gBAAA;MAAiBU,IAAA,EAAMA;;;AAG9B","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { BasePayload, Config, LanguageOptions, TypedUser } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ResetPreferences } from '../ResetPreferences/index.js'\nimport './index.scss'\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport { LanguageSelector } from './LanguageSelector.js'\n\nconst baseClass = 'payload-settings'\n\nexport const Settings: React.FC<{\n  readonly className?: string\n  readonly i18n: I18n\n  readonly languageOptions: LanguageOptions\n  readonly payload: BasePayload\n  readonly theme: Config['admin']['theme']\n  readonly user?: TypedUser\n}> = (props) => {\n  const { className, i18n, languageOptions, theme, user } = props\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h3>{i18n.t('general:payloadSettings')}</h3>\n      <div className={`${baseClass}__language`}>\n        <FieldLabel htmlFor=\"language-select\" label={i18n.t('general:language')} />\n        <LanguageSelector languageOptions={languageOptions} />\n      </div>\n      {theme === 'all' && <ToggleTheme />}\n      <ResetPreferences user={user} />\n    </div>\n  )\n}\n"],"names":["FieldLabel","React","ResetPreferences","ToggleTheme","LanguageSelector","baseClass","Settings","props","className","i18n","languageOptions","theme","user","div","filter","Boolean","join","h3","t","htmlFor","label"],"mappings":";AAGA,SAASA,UAAU,QAAQ,iBAAgB;AAC3C,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,OAAO,eAAc;AACrB,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAOR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,eAAe,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGL;IAE1D,qBACE,QAACM;QAAIL,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAC1D,QAACC;0BAAIR,KAAKS,CAAC,CAAC;;;;;;0BACZ,QAACL;gBAAIL,WAAW,GAAGH,UAAU,UAAU,CAAC;;kCACtC,QAACL;wBAAWmB,SAAQ;wBAAkBC,OAAOX,KAAKS,CAAC,CAAC;;;;;;kCACpD,QAACd;wBAAiBM,iBAAiBA;;;;;;;;;;;;YAEpCC,UAAU,uBAAS,QAACR;;;;;0BACrB,QAACD;gBAAiBU,MAAMA;;;;;;;;;;;;AAG9B,EAAC"}