@payloadcms/next 3.0.0-canary.9de3ffd → 3.0.0-canary.a14e066

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Login/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport { redirect } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\nimport { LoginForm } from './LoginForm/index.js'\nimport './index.scss'\n\nexport { generateLoginMetadata } from './meta.js'\n\nexport const loginBaseClass = 'login'\n\nexport const LoginView: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const { locale, permissions, req } = initPageResult\n\n  const {\n    i18n,\n    payload: { config },\n    payload,\n    user,\n  } = req\n\n  const {\n    admin: { components: { afterLogin, beforeLogin } = {}, user: userSlug },\n    collections,\n    routes: { admin },\n  } = config\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedBeforeLogins = createMappedComponent(beforeLogin, undefined, undefined, 'beforeLogin')\n\n  const mappedAfterLogins = createMappedComponent(afterLogin, undefined, undefined, 'afterLogin')\n\n  if (user) {\n    redirect(admin)\n  }\n\n  const collectionConfig = collections.find(({ slug }) => slug === userSlug)\n\n  const prefillAutoLogin =\n    typeof config.admin?.autoLogin === 'object' && config.admin?.autoLogin.prefillOnly\n\n  const prefillUsername =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.username\n      : undefined\n\n  const prefillEmail =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.email\n      : undefined\n\n  const prefillPassword =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.password\n      : undefined\n\n  return (\n    <Fragment>\n      <div className={`${loginBaseClass}__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          user={user}\n        />\n      </div>\n      <RenderComponent mappedComponent={mappedBeforeLogins} />\n      {!collectionConfig?.auth?.disableLocalStrategy && (\n        <LoginForm\n          prefillEmail={prefillEmail}\n          prefillPassword={prefillPassword}\n          prefillUsername={prefillUsername}\n          searchParams={searchParams}\n        />\n      )}\n      <RenderComponent mappedComponent={mappedAfterLogins} />\n    </Fragment>\n  )\n}\n"],"names":["RenderComponent","getCreateMappedComponent","redirect","React","Fragment","Logo","LoginForm","generateLoginMetadata","loginBaseClass","LoginView","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","admin","components","afterLogin","beforeLogin","userSlug","collections","routes","createMappedComponent","importMap","serverProps","mappedBeforeLogins","undefined","mappedAfterLogins","collectionConfig","find","slug","prefillAutoLogin","autoLogin","prefillOnly","prefillUsername","username","prefillEmail","email","prefillPassword","password","div","className","mappedComponent","auth","disableLocalStrategy"],"mappings":";AAEA,SAASA,eAAe,EAAEC,wBAAwB,QAAQ,wBAAuB;AACjF,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,uBAAsB;AAGhD,SAASC,qBAAqB,QAAQ,YAAW;AAEjD,OAAO,MAAMC,iBAAiB,QAAO;AAErC,OAAO,MAAMC,YAAsC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IAC1F,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGL;IAErC,MAAM,EACJM,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBD,OAAO,EACPE,IAAI,EACL,GAAGJ;IAEJ,MAAM,EACJK,OAAO,EAAEC,YAAY,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAG,CAAC,CAAC,EAAEJ,MAAMK,QAAQ,EAAE,EACvEC,WAAW,EACXC,QAAQ,EAAEN,KAAK,EAAE,EAClB,GAAGF;IAEJ,MAAMS,wBAAwB1B,yBAAyB;QACrD2B,WAAWX,QAAQW,SAAS;QAC5BC,aAAa;YACXb;YACAH;YACAF;YACAM;YACAH;YACAF;YACAO;QACF;IACF;IAEA,MAAMW,qBAAqBH,sBAAsBJ,aAAaQ,WAAWA,WAAW;IAEpF,MAAMC,oBAAoBL,sBAAsBL,YAAYS,WAAWA,WAAW;IAElF,IAAIZ,MAAM;QACRjB,SAASkB;IACX;IAEA,MAAMa,mBAAmBR,YAAYS,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASX;IAEjE,MAAMY,mBACJ,OAAOlB,OAAOE,KAAK,EAAEiB,cAAc,YAAYnB,OAAOE,KAAK,EAAEiB,UAAUC;IAEzE,MAAMC,kBACJH,oBAAoB,OAAOlB,OAAOE,KAAK,EAAEiB,cAAc,WACnDnB,OAAOE,KAAK,EAAEiB,UAAUG,WACxBT;IAEN,MAAMU,eACJL,oBAAoB,OAAOlB,OAAOE,KAAK,EAAEiB,cAAc,WACnDnB,OAAOE,KAAK,EAAEiB,UAAUK,QACxBX;IAEN,MAAMY,kBACJP,oBAAoB,OAAOlB,OAAOE,KAAK,EAAEiB,cAAc,WACnDnB,OAAOE,KAAK,EAAEiB,UAAUO,WACxBb;IAEN,qBACE,MAAC3B;;0BACC,KAACyC;gBAAIC,WAAW,CAAC,EAAEtC,eAAe,OAAO,CAAC;0BACxC,cAAA,KAACH;oBACCW,MAAMA;oBACNH,QAAQA;oBACRF,QAAQA;oBACRM,SAASA;oBACTH,aAAaA;oBACbF,cAAcA;oBACdO,MAAMA;;;0BAGV,KAACnB;gBAAgB+C,iBAAiBjB;;YACjC,CAACG,kBAAkBe,MAAMC,sCACxB,KAAC3C;gBACCmC,cAAcA;gBACdE,iBAAiBA;gBACjBJ,iBAAiBA;gBACjB3B,cAAcA;;0BAGlB,KAACZ;gBAAgB+C,iBAAiBf;;;;AAGxC,EAAC"}
+{"version":3,"file":"index.js","names":["getCreateMappedComponent","RenderComponent","redirect","React","Fragment","Logo","LoginForm","generateLoginMetadata","loginBaseClass","LoginView","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","admin","components","afterLogin","beforeLogin","userSlug","collections","routes","createMappedComponent","importMap","serverProps","mappedBeforeLogins","undefined","mappedAfterLogins","collectionConfig","find","slug","prefillAutoLogin","autoLogin","prefillOnly","prefillUsername","username","prefillEmail","email","prefillPassword","password","_jsxs","_jsx","className","mappedComponent","auth","disableLocalStrategy"],"sources":["../../../src/views/Login/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { getCreateMappedComponent, RenderComponent } from '@payloadcms/ui/shared'\nimport { redirect } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\nimport './index.scss'\nimport { LoginForm } from './LoginForm/index.js'\n\nexport { generateLoginMetadata } from './meta.js'\n\nexport const loginBaseClass = 'login'\n\nexport const LoginView: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const { locale, permissions, req } = initPageResult\n\n  const {\n    i18n,\n    payload: { config },\n    payload,\n    user,\n  } = req\n\n  const {\n    admin: { components: { afterLogin, beforeLogin } = {}, user: userSlug },\n    collections,\n    routes: { admin },\n  } = config\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedBeforeLogins = createMappedComponent(beforeLogin, undefined, undefined, 'beforeLogin')\n\n  const mappedAfterLogins = createMappedComponent(afterLogin, undefined, undefined, 'afterLogin')\n\n  if (user) {\n    redirect(admin)\n  }\n\n  const collectionConfig = collections.find(({ slug }) => slug === userSlug)\n\n  const prefillAutoLogin =\n    typeof config.admin?.autoLogin === 'object' && config.admin?.autoLogin.prefillOnly\n\n  const prefillUsername =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.username\n      : undefined\n\n  const prefillEmail =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.email\n      : undefined\n\n  const prefillPassword =\n    prefillAutoLogin && typeof config.admin?.autoLogin === 'object'\n      ? config.admin?.autoLogin.password\n      : undefined\n\n  return (\n    <Fragment>\n      <div className={`${loginBaseClass}__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          user={user}\n        />\n      </div>\n      <RenderComponent mappedComponent={mappedBeforeLogins} />\n      {!collectionConfig?.auth?.disableLocalStrategy && (\n        <LoginForm\n          prefillEmail={prefillEmail}\n          prefillPassword={prefillPassword}\n          prefillUsername={prefillUsername}\n          searchParams={searchParams}\n        />\n      )}\n      <RenderComponent mappedComponent={mappedAfterLogins} />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Login/index.scss

@@ -1,8 +1,10 @@
-.login {
-  &__brand {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    margin-bottom: calc(var(--base) * 2);
+@layer payload-default {
+  .login {
+    &__brand {
+      display: flex;
+      justify-content: center;
+      width: 100%;
+      margin-bottom: calc(var(--base) * 2);
+    }
   }
 }

package/dist/views/Login/meta.js

@@ -1,10 +1,14 @@
 import { meta } from '../../utilities/meta.js';
-export const generateLoginMetadata = async ({ config, i18n: { t } })=>meta({
-        description: `${t('authentication:login')}`,
-        keywords: `${t('authentication:login')}`,
-        serverURL: config.serverURL,
-        title: t('authentication:login'),
-        ...config.admin.meta || {}
-    });
-
+export const generateLoginMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => meta({
+  description: `${t('authentication:login')}`,
+  keywords: `${t('authentication:login')}`,
+  serverURL: config.serverURL,
+  title: t('authentication:login'),
+  ...(config.admin.meta || {})
+});
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Login/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateLoginMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('authentication:login')}`,\n    keywords: `${t('authentication:login')}`,\n    serverURL: config.serverURL,\n    title: t('authentication:login'),\n    ...(config.admin.meta || {}),\n  })\n"],"names":["meta","generateLoginMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,wBAA8C,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE,GACvFJ,KAAK;QACHK,aAAa,CAAC,EAAED,EAAE,wBAAwB,CAAC;QAC3CE,UAAU,CAAC,EAAEF,EAAE,wBAAwB,CAAC;QACxCG,WAAWL,OAAOK,SAAS;QAC3BC,OAAOJ,EAAE;QACT,GAAIF,OAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;IAC7B,GAAE"}
+{"version":3,"file":"meta.js","names":["meta","generateLoginMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"sources":["../../../src/views/Login/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateLoginMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('authentication:login')}`,\n    keywords: `${t('authentication:login')}`,\n    serverURL: config.serverURL,\n    title: t('authentication:login'),\n    ...(config.admin.meta || {}),\n  })\n"],"mappings":"AAEA,SAASA,IAAI,QAAQ;AAErB,OAAO,MAAMC,qBAAA,GAA8C,MAAAA,CAAO;EAAEC,MAAM;EAAEC,IAAA,EAAM;IAAEC;EAAC;AAAE,CAAE,KACvFJ,IAAA,CAAK;EACHK,WAAA,EAAa,GAAGD,CAAA,CAAE,yBAAyB;EAC3CE,QAAA,EAAU,GAAGF,CAAA,CAAE,yBAAyB;EACxCG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;AAC7B","ignoreList":[]}

package/dist/views/Logout/LogoutClient.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.scss';
 export declare const LogoutClient: React.FC<{
     adminRoute: string;
     inactivity?: boolean;

package/dist/views/Logout/LogoutClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAsCA,CAAA"}
+{"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAgDA,CAAA"}

package/dist/views/Logout/LogoutClient.js

@@ -1,50 +1,119 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, useAuth, useTranslation } from '@payloadcms/ui';
+import { Button, LoadingOverlay, toast, useAuth, useTranslation } from '@payloadcms/ui';
 import { formatAdminURL } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
-import React, { Fragment, useEffect } from 'react';
+import { useRouter } from 'next/navigation.js';
+import React, { useEffect } from 'react';
+const baseClass = 'logout';
 const Link = LinkImport.default || LinkImport;
-export const LogoutClient = (props)=>{
-    const { adminRoute, inactivity, redirect } = props;
-    const [isLoggingOut, setIsLoggingOut] = React.useState(undefined);
-    const { logOut } = useAuth();
-    const { t } = useTranslation();
-    useEffect(()=>{
-        if (!isLoggingOut) {
-            setIsLoggingOut(true);
-            void logOut();
-        }
-    }, [
-        isLoggingOut,
-        logOut
-    ]);
-    if (isLoggingOut) {
-        return /*#__PURE__*/ _jsxs(Fragment, {
-            children: [
-                inactivity && /*#__PURE__*/ _jsx("h2", {
-                    children: t('authentication:loggedOutInactivity')
-                }),
-                !inactivity && /*#__PURE__*/ _jsx("h2", {
-                    children: t('authentication:loggedOutSuccessfully')
-                }),
-                /*#__PURE__*/ _jsx(Button, {
-                    Link: Link,
-                    buttonStyle: "secondary",
-                    el: "link",
-                    size: "large",
-                    url: formatAdminURL({
-                        adminRoute,
-                        path: `/login${redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ''}`
-                    }),
-                    children: t('authentication:logBackIn')
-                })
-            ]
-        });
+export const LogoutClient = props => {
+  const $ = _c(19);
+  const {
+    adminRoute,
+    inactivity,
+    redirect
+  } = props;
+  const [isLoggedOut, setIsLoggedOut] = React.useState(undefined);
+  const logOutSuccessRef = React.useRef(false);
+  let t0;
+  if ($[0] !== adminRoute || $[1] !== inactivity || $[2] !== redirect) {
+    t0 = () => formatAdminURL({
+      adminRoute,
+      path: `/login${inactivity && redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ""}`
+    });
+    $[0] = adminRoute;
+    $[1] = inactivity;
+    $[2] = redirect;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const [loginRoute] = React.useState(t0);
+  const {
+    logOut
+  } = useAuth();
+  const {
+    t
+  } = useTranslation();
+  const router = useRouter();
+  let t1;
+  if ($[4] !== logOut || $[5] !== inactivity || $[6] !== t || $[7] !== router || $[8] !== loginRoute) {
+    t1 = async () => {
+      const loggedOut = await logOut();
+      setIsLoggedOut(loggedOut);
+      if (!inactivity && loggedOut && !logOutSuccessRef.current) {
+        toast.success(t("authentication:loggedOutSuccessfully"));
+        logOutSuccessRef.current = true;
+        router.push(loginRoute);
+        return;
+      }
+    };
+    $[4] = logOut;
+    $[5] = inactivity;
+    $[6] = t;
+    $[7] = router;
+    $[8] = loginRoute;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const handleLogOut = t1;
+  let t2;
+  let t3;
+  if ($[10] !== isLoggedOut || $[11] !== handleLogOut) {
+    t2 = () => {
+      if (!isLoggedOut) {
+        handleLogOut();
+      }
+    };
+    t3 = [handleLogOut, isLoggedOut];
+    $[10] = isLoggedOut;
+    $[11] = handleLogOut;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t2 = $[12];
+    t3 = $[13];
+  }
+  useEffect(t2, t3);
+  if (isLoggedOut && inactivity) {
+    let t4;
+    if ($[14] !== t || $[15] !== loginRoute) {
+      t4 = _jsxs("div", {
+        className: `${baseClass}__wrap`,
+        children: [_jsx("h2", {
+          children: t("authentication:loggedOutInactivity")
+        }), _jsx(Button, {
+          buttonStyle: "secondary",
+          el: "link",
+          Link,
+          size: "large",
+          url: loginRoute,
+          children: t("authentication:logBackIn")
+        })]
+      });
+      $[14] = t;
+      $[15] = loginRoute;
+      $[16] = t4;
+    } else {
+      t4 = $[16];
     }
-    return /*#__PURE__*/ _jsx(Fragment, {
-        children: t('authentication:loggingOut')
+    return t4;
+  }
+  let t4;
+  if ($[17] !== t) {
+    t4 = _jsx(LoadingOverlay, {
+      animationDuration: "0ms",
+      loadingText: t("authentication:loggingOut")
     });
+    $[17] = t;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=LogoutClient.js.map

package/dist/views/Logout/LogoutClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Logout/LogoutClient.tsx"],"sourcesContent":["'use client'\nimport { Button, useAuth, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment, useEffect } from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const LogoutClient: React.FC<{\n  adminRoute: string\n  inactivity?: boolean\n  redirect: string\n}> = (props) => {\n  const { adminRoute, inactivity, redirect } = props\n\n  const [isLoggingOut, setIsLoggingOut] = React.useState<boolean | undefined>(undefined)\n  const { logOut } = useAuth()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (!isLoggingOut) {\n      setIsLoggingOut(true)\n      void logOut()\n    }\n  }, [isLoggingOut, logOut])\n\n  if (isLoggingOut) {\n    return (\n      <Fragment>\n        {inactivity && <h2>{t('authentication:loggedOutInactivity')}</h2>}\n        {!inactivity && <h2>{t('authentication:loggedOutSuccessfully')}</h2>}\n        <Button\n          Link={Link}\n          buttonStyle=\"secondary\"\n          el=\"link\"\n          size=\"large\"\n          url={formatAdminURL({\n            adminRoute,\n            path: `/login${\n              redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ''\n            }`,\n          })}\n        >\n          {t('authentication:logBackIn')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return <Fragment>{t('authentication:loggingOut')}</Fragment>\n}\n"],"names":["Button","useAuth","useTranslation","formatAdminURL","LinkImport","React","Fragment","useEffect","Link","default","LogoutClient","props","adminRoute","inactivity","redirect","isLoggingOut","setIsLoggingOut","useState","undefined","logOut","t","h2","buttonStyle","el","size","url","path","length","encodeURIComponent"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,OAAO,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AAElD,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,eAIR,CAACC;IACJ,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAE7C,MAAM,CAACI,cAAcC,gBAAgB,GAAGX,MAAMY,QAAQ,CAAsBC;IAC5E,MAAM,EAAEC,MAAM,EAAE,GAAGlB;IACnB,MAAM,EAAEmB,CAAC,EAAE,GAAGlB;IAEdK,UAAU;QACR,IAAI,CAACQ,cAAc;YACjBC,gBAAgB;YAChB,KAAKG;QACP;IACF,GAAG;QAACJ;QAAcI;KAAO;IAEzB,IAAIJ,cAAc;QAChB,qBACE,MAACT;;gBACEO,4BAAc,KAACQ;8BAAID,EAAE;;gBACrB,CAACP,4BAAc,KAACQ;8BAAID,EAAE;;8BACvB,KAACpB;oBACCQ,MAAMA;oBACNc,aAAY;oBACZC,IAAG;oBACHC,MAAK;oBACLC,KAAKtB,eAAe;wBAClBS;wBACAc,MAAM,CAAC,MAAM,EACXZ,YAAYA,SAASa,MAAM,GAAG,IAAI,CAAC,UAAU,EAAEC,mBAAmBd,UAAU,CAAC,GAAG,GACjF,CAAC;oBACJ;8BAECM,EAAE;;;;IAIX;IAEA,qBAAO,KAACd;kBAAUc,EAAE;;AACtB,EAAC"}
+{"version":3,"file":"LogoutClient.js","names":["c","_c","Button","LoadingOverlay","toast","useAuth","useTranslation","formatAdminURL","LinkImport","useRouter","React","useEffect","baseClass","Link","default","LogoutClient","props","$","adminRoute","inactivity","redirect","isLoggedOut","setIsLoggedOut","useState","undefined","logOutSuccessRef","useRef","t0","path","length","encodeURIComponent","loginRoute","logOut","t","router","t1","loggedOut","current","success","push","handleLogOut","t2","t3","t4","_jsxs","className","children","_jsx","buttonStyle","el","size","url","animationDuration","loadingText"],"sources":["../../../src/views/Logout/LogoutClient.tsx"],"sourcesContent":["'use client'\nimport { Button, LoadingOverlay, toast, useAuth, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'logout'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const LogoutClient: React.FC<{\n  adminRoute: string\n  inactivity?: boolean\n  redirect: string\n}> = (props) => {\n  const { adminRoute, inactivity, redirect } = props\n\n  const [isLoggedOut, setIsLoggedOut] = React.useState<boolean | undefined>(undefined)\n  const logOutSuccessRef = React.useRef(false)\n  const [loginRoute] = React.useState(() =>\n    formatAdminURL({\n      adminRoute,\n      path: `/login${\n        inactivity && redirect && redirect.length > 0\n          ? `?redirect=${encodeURIComponent(redirect)}`\n          : ''\n      }`,\n    }),\n  )\n  const { logOut } = useAuth()\n  const { t } = useTranslation()\n  const router = useRouter()\n\n  const handleLogOut = React.useCallback(async () => {\n    const loggedOut = await logOut()\n    setIsLoggedOut(loggedOut)\n    if (!inactivity && loggedOut && !logOutSuccessRef.current) {\n      toast.success(t('authentication:loggedOutSuccessfully'))\n      logOutSuccessRef.current = true\n      router.push(loginRoute)\n      return\n    }\n  }, [inactivity, logOut, loginRoute, router, t])\n\n  useEffect(() => {\n    if (!isLoggedOut) {\n      void handleLogOut()\n    }\n  }, [handleLogOut, isLoggedOut])\n\n  if (isLoggedOut && inactivity) {\n    return (\n      <div className={`${baseClass}__wrap`}>\n        <h2>{t('authentication:loggedOutInactivity')}</h2>\n        <Button buttonStyle=\"secondary\" el=\"link\" Link={Link} size=\"large\" url={loginRoute}>\n          {t('authentication:logBackIn')}\n        </Button>\n      </div>\n    )\n  }\n\n  return <LoadingOverlay animationDuration={'0ms'} loadingText={t('authentication:loggingOut')} />\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Logout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,cAAc,CAqBnB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAErD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAKrB,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,cAAc,CAqBnB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAErD,CAAA"}

package/dist/views/Logout/index.js

@@ -3,22 +3,35 @@ import React from 'react';
 import { LogoutClient } from './LogoutClient.js';
 const baseClass = 'logout';
 export { generateLogoutMetadata } from './meta.js';
-export const LogoutView = ({ inactivity, initPageResult, searchParams })=>{
-    const { req: { payload: { config: { routes: { admin: adminRoute } } } } } = initPageResult;
-    return /*#__PURE__*/ _jsx("div", {
-        className: `${baseClass}__wrap`,
-        children: /*#__PURE__*/ _jsx(LogoutClient, {
-            adminRoute: adminRoute,
-            inactivity: inactivity,
-            redirect: searchParams.redirect
-        })
-    });
+export const LogoutView = ({
+  inactivity,
+  initPageResult,
+  searchParams
+}) => {
+  const {
+    req: {
+      payload: {
+        config: {
+          routes: {
+            admin: adminRoute
+          }
+        }
+      }
+    }
+  } = initPageResult;
+  return /*#__PURE__*/_jsx("div", {
+    className: `${baseClass}`,
+    children: /*#__PURE__*/_jsx(LogoutClient, {
+      adminRoute: adminRoute,
+      inactivity: inactivity,
+      redirect: searchParams.redirect
+    })
+  });
 };
-export const LogoutInactivity = (props)=>{
-    return /*#__PURE__*/ _jsx(LogoutView, {
-        inactivity: true,
-        ...props
-    });
+export const LogoutInactivity = props => {
+  return /*#__PURE__*/_jsx(LogoutView, {
+    inactivity: true,
+    ...props
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Logout/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport React from 'react'\n\nimport { LogoutClient } from './LogoutClient.js'\nimport './index.scss'\n\nconst baseClass = 'logout'\n\nexport { generateLogoutMetadata } from './meta.js'\n\nexport const LogoutView: React.FC<\n  {\n    inactivity?: boolean\n  } & AdminViewProps\n> = ({ inactivity, initPageResult, searchParams }) => {\n  const {\n    req: {\n      payload: {\n        config: {\n          routes: { admin: adminRoute },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <div className={`${baseClass}__wrap`}>\n      <LogoutClient\n        adminRoute={adminRoute}\n        inactivity={inactivity}\n        redirect={searchParams.redirect as string}\n      />\n    </div>\n  )\n}\n\nexport const LogoutInactivity: React.FC<AdminViewProps> = (props) => {\n  return <LogoutView inactivity {...props} />\n}\n"],"names":["React","LogoutClient","baseClass","generateLogoutMetadata","LogoutView","inactivity","initPageResult","searchParams","req","payload","config","routes","admin","adminRoute","div","className","redirect","LogoutInactivity","props"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAmB;AAGhD,MAAMC,YAAY;AAElB,SAASC,sBAAsB,QAAQ,YAAW;AAElD,OAAO,MAAMC,aAIT,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAEC,YAAY,EAAE;IAC/C,MAAM,EACJC,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,EACF,EACF,GAAGP;IAEJ,qBACE,KAACQ;QAAIC,WAAW,CAAC,EAAEb,UAAU,MAAM,CAAC;kBAClC,cAAA,KAACD;YACCY,YAAYA;YACZR,YAAYA;YACZW,UAAUT,aAAaS,QAAQ;;;AAIvC,EAAC;AAED,OAAO,MAAMC,mBAA6C,CAACC;IACzD,qBAAO,KAACd;QAAWC,UAAU;QAAE,GAAGa,KAAK;;AACzC,EAAC"}
+{"version":3,"file":"index.js","names":["React","LogoutClient","baseClass","generateLogoutMetadata","LogoutView","inactivity","initPageResult","searchParams","req","payload","config","routes","admin","adminRoute","_jsx","className","redirect","LogoutInactivity","props"],"sources":["../../../src/views/Logout/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\nimport { LogoutClient } from './LogoutClient.js'\n\nconst baseClass = 'logout'\n\nexport { generateLogoutMetadata } from './meta.js'\n\nexport const LogoutView: React.FC<\n  {\n    inactivity?: boolean\n  } & AdminViewProps\n> = ({ inactivity, initPageResult, searchParams }) => {\n  const {\n    req: {\n      payload: {\n        config: {\n          routes: { admin: adminRoute },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <div className={`${baseClass}`}>\n      <LogoutClient\n        adminRoute={adminRoute}\n        inactivity={inactivity}\n        redirect={searchParams.redirect as string}\n      />\n    </div>\n  )\n}\n\nexport const LogoutInactivity: React.FC<AdminViewProps> = (props) => {\n  return <LogoutView inactivity {...props} />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAGlB,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AAElB,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,UAAA,GAITA,CAAC;EAAEC,UAAU;EAAEC,cAAc;EAAEC;AAAY,CAAE;EAC/C,MAAM;IACJC,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,MAAA,EAAQ;YAAEC,KAAA,EAAOC;UAAU;QAAE;MAC9B;IACF;EACF,CACF,GAAGP,cAAA;EAEJ,oBACEQ,IAAA,CAAC;IAAIC,SAAA,EAAW,GAAGb,SAAA,EAAW;cAC5B,aAAAY,IAAA,CAACb,YAAA;MACCY,UAAA,EAAYA,UAAA;MACZR,UAAA,EAAYA,UAAA;MACZW,QAAA,EAAUT,YAAA,CAAaS;;;AAI/B;AAEA,OAAO,MAAMC,gBAAA,GAA8CC,KAAA;EACzD,oBAAOJ,IAAA,CAACV,UAAA;IAAWC,UAAU;IAAE,GAAGa;;AACpC","ignoreList":[]}

package/dist/views/Logout/index.scss

@@ -1,20 +1,25 @@
-.logout {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  min-height: 100vh;
+@import '../../scss/styles.scss';
 
-  &__wrap {
-    & > *:first-child {
-      margin-top: 0;
-    }
+@layer payload-default {
+  .logout {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
 
-    & > *:last-child {
-      margin-bottom: 0;
-    }
+    &__wrap {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: base(0.8);
+      width: 100%;
+      max-width: base(36);
 
-    .btn {
-      margin: 0;
+      & > * {
+        margin: 0;
+      }
     }
   }
 }

package/dist/views/Logout/meta.js

@@ -1,9 +1,13 @@
 import { meta } from '../../utilities/meta.js';
-export const generateLogoutMetadata = async ({ config, i18n: { t } })=>meta({
-        description: `${t('authentication:logoutUser')}`,
-        keywords: `${t('authentication:logout')}`,
-        serverURL: config.serverURL,
-        title: t('authentication:logout')
-    });
-
+export const generateLogoutMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => meta({
+  description: `${t('authentication:logoutUser')}`,
+  keywords: `${t('authentication:logout')}`,
+  serverURL: config.serverURL,
+  title: t('authentication:logout')
+});
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Logout/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateLogoutMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('authentication:logoutUser')}`,\n    keywords: `${t('authentication:logout')}`,\n    serverURL: config.serverURL,\n    title: t('authentication:logout'),\n  })\n"],"names":["meta","generateLogoutMetadata","config","i18n","t","description","keywords","serverURL","title"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,yBAA+C,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE,GACxFJ,KAAK;QACHK,aAAa,CAAC,EAAED,EAAE,6BAA6B,CAAC;QAChDE,UAAU,CAAC,EAAEF,EAAE,yBAAyB,CAAC;QACzCG,WAAWL,OAAOK,SAAS;QAC3BC,OAAOJ,EAAE;IACX,GAAE"}
+{"version":3,"file":"meta.js","names":["meta","generateLogoutMetadata","config","i18n","t","description","keywords","serverURL","title"],"sources":["../../../src/views/Logout/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateLogoutMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('authentication:logoutUser')}`,\n    keywords: `${t('authentication:logout')}`,\n    serverURL: config.serverURL,\n    title: t('authentication:logout'),\n  })\n"],"mappings":"AAEA,SAASA,IAAI,QAAQ;AAErB,OAAO,MAAMC,sBAAA,GAA+C,MAAAA,CAAO;EAAEC,MAAM;EAAEC,IAAA,EAAM;IAAEC;EAAC;AAAE,CAAE,KACxFJ,IAAA,CAAK;EACHK,WAAA,EAAa,GAAGD,CAAA,CAAE,8BAA8B;EAChDE,QAAA,EAAU,GAAGF,CAAA,CAAE,0BAA0B;EACzCG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;AACX","ignoreList":[]}

package/dist/views/NotFound/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/NotFound/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAyCA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/NotFound/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CA2CA,CAAA"}

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

@@ -1,50 +1,91 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Gutter, useConfig, useStepNav, useTranslation } from '@payloadcms/ui';
 import LinkImport from 'next/link.js';
 import React, { useEffect } from 'react';
 const baseClass = 'not-found';
 const Link = LinkImport.default || LinkImport;
-export const NotFoundClient = (props)=>{
-    const { marginTop = 'large' } = props;
-    const { setStepNav } = useStepNav();
-    const { t } = useTranslation();
-    const { config: { routes: { admin: adminRoute } } } = useConfig();
-    useEffect(()=>{
-        setStepNav([
-            {
-                label: t('general:notFound')
-            }
-        ]);
-    }, [
-        setStepNav,
-        t
-    ]);
-    return /*#__PURE__*/ _jsx("div", {
-        className: [
-            baseClass,
-            marginTop && `${baseClass}--margin-top-${marginTop}`
-        ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxs(Gutter, {
-            className: `${baseClass}__wrap`,
-            children: [
-                /*#__PURE__*/ _jsx("h1", {
-                    children: t('general:nothingFound')
-                }),
-                /*#__PURE__*/ _jsx("p", {
-                    children: t('general:sorryNotFound')
-                }),
-                /*#__PURE__*/ _jsx(Button, {
-                    Link: Link,
-                    className: `${baseClass}__button`,
-                    el: "link",
-                    size: "large",
-                    to: adminRoute,
-                    children: t('general:backToDashboard')
-                })
-            ]
-        })
+export const NotFoundClient = props => {
+  const $ = _c(10);
+  const {
+    marginTop: t0
+  } = props;
+  const marginTop = t0 === undefined ? "large" : t0;
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    t
+  } = useTranslation();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  let t3;
+  let t4;
+  if ($[0] !== setStepNav || $[1] !== t) {
+    t3 = () => {
+      setStepNav([{
+        label: t("general:notFound")
+      }]);
+    };
+    t4 = [setStepNav, t];
+    $[0] = setStepNav;
+    $[1] = t;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t3 = $[2];
+    t4 = $[3];
+  }
+  useEffect(t3, t4);
+  const t5 = marginTop && `${baseClass}--margin-top-${marginTop}`;
+  let t6;
+  if ($[4] !== t5) {
+    t6 = [baseClass, t5].filter(Boolean);
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  const t7 = t6.join(" ");
+  let t8;
+  if ($[6] !== t || $[7] !== adminRoute || $[8] !== t7) {
+    t8 = _jsx("div", {
+      className: t7,
+      children: _jsxs(Gutter, {
+        className: `${baseClass}__wrap`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:nothingFound")
+          }), _jsx("p", {
+            children: t("general:sorryNotFound")
+          })]
+        }), _jsx(Button, {
+          className: `${baseClass}__button`,
+          el: "link",
+          Link,
+          size: "large",
+          to: adminRoute,
+          children: t("general:backToDashboard")
+        })]
+      })
     });
+    $[6] = t;
+    $[7] = adminRoute;
+    $[8] = t7;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  return t8;
 };
-
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/NotFound/index.client.tsx"],"sourcesContent":["'use client'\nimport { Button, Gutter, useConfig, useStepNav, useTranslation } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'not-found'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const NotFoundClient: React.FC<{\n  marginTop?: 'large'\n}> = (props) => {\n  const { marginTop = 'large' } = props\n\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: t('general:notFound'),\n      },\n    ])\n  }, [setStepNav, t])\n\n  return (\n    <div\n      className={[baseClass, marginTop && `${baseClass}--margin-top-${marginTop}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <Gutter className={`${baseClass}__wrap`}>\n        <h1>{t('general:nothingFound')}</h1>\n        <p>{t('general:sorryNotFound')}</p>\n        <Button\n          Link={Link}\n          className={`${baseClass}__button`}\n          el=\"link\"\n          size=\"large\"\n          to={adminRoute}\n        >\n          {t('general:backToDashboard')}\n        </Button>\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["Button","Gutter","useConfig","useStepNav","useTranslation","LinkImport","React","useEffect","baseClass","Link","default","NotFoundClient","props","marginTop","setStepNav","t","config","routes","admin","adminRoute","label","div","className","filter","Boolean","join","h1","p","el","size","to"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AACtF,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAIxC,MAAMC,YAAY;AAElB,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,iBAER,CAACC;IACJ,MAAM,EAAEC,YAAY,OAAO,EAAE,GAAGD;IAEhC,MAAM,EAAEE,UAAU,EAAE,GAAGX;IACvB,MAAM,EAAEY,CAAC,EAAE,GAAGX;IAEd,MAAM,EACJY,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,GAAGjB;IAEJK,UAAU;QACRO,WAAW;YACT;gBACEM,OAAOL,EAAE;YACX;SACD;IACH,GAAG;QAACD;QAAYC;KAAE;IAElB,qBACE,KAACM;QACCC,WAAW;YAACd;YAAWK,aAAa,CAAC,EAAEL,UAAU,aAAa,EAAEK,UAAU,CAAC;SAAC,CACzEU,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,MAACxB;YAAOqB,WAAW,CAAC,EAAEd,UAAU,MAAM,CAAC;;8BACrC,KAACkB;8BAAIX,EAAE;;8BACP,KAACY;8BAAGZ,EAAE;;8BACN,KAACf;oBACCS,MAAMA;oBACNa,WAAW,CAAC,EAAEd,UAAU,QAAQ,CAAC;oBACjCoB,IAAG;oBACHC,MAAK;oBACLC,IAAIX;8BAEHJ,EAAE;;;;;AAKb,EAAC"}
+{"version":3,"file":"index.client.js","names":["c","_c","Button","Gutter","useConfig","useStepNav","useTranslation","LinkImport","React","useEffect","baseClass","Link","default","NotFoundClient","props","$","marginTop","t0","undefined","setStepNav","t","config","t1","routes","t2","admin","adminRoute","t3","t4","label","t5","t6","filter","Boolean","t7","join","t8","_jsx","className","children","_jsxs","el","size","to"],"sources":["../../../src/views/NotFound/index.client.tsx"],"sourcesContent":["'use client'\nimport { Button, Gutter, useConfig, useStepNav, useTranslation } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'not-found'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const NotFoundClient: React.FC<{\n  marginTop?: 'large'\n}> = (props) => {\n  const { marginTop = 'large' } = props\n\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: t('general:notFound'),\n      },\n    ])\n  }, [setStepNav, t])\n\n  return (\n    <div\n      className={[baseClass, marginTop && `${baseClass}--margin-top-${marginTop}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:nothingFound')}</h1>\n          <p>{t('general:sorryNotFound')}</p>\n        </div>\n        <Button\n          className={`${baseClass}__button`}\n          el=\"link\"\n          Link={Link}\n          size=\"large\"\n          to={adminRoute}\n        >\n          {t('general:backToDashboard')}\n        </Button>\n      </Gutter>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,cAAc,QAAQ;AACtE,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAIjC,MAAMC,SAAA,GAAY;AAElB,MAAMC,IAAA,GAAQJ,UAAA,CAAWK,OAAO,IAAIL,UAAA;AAEpC,OAAO,MAAMM,cAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACH;IAAAe,SAAA,EAAAC;EAAA,IAAgCH,KAAA;EAAxB,MAAAE,SAAA,GAAAC,EAAmB,KAAAC,SAAA,GAAP,OAAO,GAAnBD,EAAmB;EAE3B;IAAAE;EAAA,IAAuBd,UAAA;EACvB;IAAAe;EAAA,IAAcd,cAAA;EAEd;IAAAe,MAAA,EAAAC;EAAA,IAIIlB,SAAA;EAHM;IAAAmB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAAA,IAAAG,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAK,CAAA;IAIvBO,EAAA,GAAAA,CAAA;MACRR,UAAA;QAAAU,KAAA,EAEWT,CAAA,CAAE;MAAA,EAEZ;IAAA;IACAQ,EAAA,IAACT,UAAA,EAAYC,CAAA;IAAEL,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EANlBN,SAAA,CAAUkB,EAMV,EAAGC,EAAe;EAIS,MAAAE,EAAA,GAAAd,SAAA,IAAa,GAAAN,SAAA,gBAA4BM,SAAA,EAAW;EAAA,IAAAe,EAAA;EAAA,IAAAhB,CAAA,QAAAe,EAAA;IAAhEC,EAAA,IAAArB,SAAA,EAAYoB,EAAoD,EAAAE,MAAA,CAAAC,OACjE;IAAAlB,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EADC,MAAAmB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAmB,EAAA;IAHVE,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYJ,EAEH;MAAAK,QAAA,EAERC,KAAA,CAAArC,MAAA;QAAAmC,SAAA,EAAmB,GAAA5B,SAAA,QAAoB;QAAA6B,QAAA,GACrCC,KAAA,CAAC;UAAAF,SAAA,EAAe,GAAA5B,SAAA,WAAuB;UAAA6B,QAAA,GACrCF,IAAA,CAAC;YAAAE,QAAA,EAAInB,CAAA,CAAE;UAAA,C,GACPiB,IAAA,CAAC;YAAAE,QAAA,EAAGnB,CAAA,CAAE;UAAA,C;YAERiB,IAAA,CAAAnC,MAAA;UAAAoC,SAAA,EACa,GAAA5B,SAAA,UAAsB;UAAA+B,EAAA,EAC9B;UAAA9B,IAAA;UAAA+B,IAAA,EAEE;UAAAC,EAAA,EACDjB,UAAA;UAAAa,QAAA,EAEHnB,CAAA,CAAE;QAAA,C;;;;;;;;;;SAjBTgB,E;CAsBJ","ignoreList":[]}

package/dist/views/NotFound/index.d.ts

@@ -15,15 +15,15 @@ export type GenerateViewMetadata = (args: {
         [key: string]: string | string[];
     };
 }) => Promise<Metadata>;
-export declare const NotFoundPage: ({ config: configPromise, importMap, params, searchParams, }: {
+export declare const NotFoundPage: ({ config: configPromise, importMap, params: paramsPromise, searchParams: searchParamsPromise, }: {
     config: Promise<SanitizedConfig>;
     importMap: ImportMap;
-    params: {
+    params: Promise<{
         segments: string[];
-    };
-    searchParams: {
+    }>;
+    searchParams: Promise<{
         [key: string]: string | string[];
-    };
+    }>;
 }) => Promise<React.JSX.Element>;
 export declare const NotFoundView: PayloadServerReactComponent<AdminViewComponent>;
 //# sourceMappingURL=index.d.ts.map