@payloadcms/next 3.0.0-canary.96477cf → 3.0.0-canary.98e0119

package/dist/views/LivePreview/index.scss

@@ -1,66 +1,68 @@
 @import '../../scss/styles.scss';
 
-.live-preview {
-  width: 100%;
-  display: flex;
-  --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
+@layer payload-default {
+  .live-preview {
+    width: 100%;
+    display: flex;
+    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
 
-  [dir='rtl'] & {
-    flex-direction: row-reverse;
-  }
+    [dir='rtl'] & {
+      flex-direction: row-reverse;
+    }
 
-  &--popup-open {
-    .live-preview {
-      &__edit {
-        padding-right: var(--gutter-h);
+    &--popup-open {
+      .live-preview {
+        &__edit {
+          padding-right: var(--gutter-h);
+        }
       }
     }
-  }
 
-  &__main {
-    width: 40%;
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-    position: relative;
+    &__main {
+      width: 40%;
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
+      position: relative;
 
-    &--popup-open {
-      width: 100%;
-    }
+      &--popup-open {
+        width: 100%;
+      }
 
-    &::after {
-      content: ' ';
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: calc(var(--base) * 2);
-      height: 100%;
-      background: var(--gradient);
-      pointer-events: none;
-      z-index: -1;
+      &::after {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: calc(var(--base) * 2);
+        height: 100%;
+        background: var(--gradient);
+        pointer-events: none;
+        z-index: -1;
+      }
     }
-  }
 
-  @include mid-break {
-    flex-direction: column;
+    @include mid-break {
+      flex-direction: column;
 
-    &__main {
-      min-height: initial;
-      width: 100%;
+      &__main {
+        min-height: initial;
+        width: 100%;
 
-      &::after {
-        display: none;
+        &::after {
+          display: none;
+        }
       }
-    }
 
-    &__form {
-      display: block;
+      &__form {
+        display: block;
+      }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .live-preview {
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
+  html[data-theme='dark'] {
+    .live-preview {
+      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
+    }
   }
 }

package/dist/views/Login/LoginField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,iBAAiB,GAAG,UAAU,CAAA;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwDhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,iBAAiB,GAAG,UAAU,CAAA;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6DhD,CAAA"}

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

@@ -19,12 +19,15 @@ export const LoginField = t0 => {
     let t2;
     if ($[0] !== t || $[1] !== required) {
       t2 = _jsx(EmailField, {
-        autoComplete: "email",
         field: {
           name: "email",
+          admin: {
+            autoComplete: "email"
+          },
           label: t("general:email"),
           required
         },
+        path: "email",
         validate: email
       });
       $[0] = t;
@@ -44,6 +47,7 @@ export const LoginField = t0 => {
           label: t("authentication:username"),
           required
         },
+        path: "username",
         validate: username
       });
       $[3] = t;
@@ -78,6 +82,7 @@ export const LoginField = t0 => {
           label: t("authentication:emailOrUsername"),
           required
         },
+        path: "username",
         validate: t3
       });
       $[6] = t;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","EmailField","TextField","useTranslation","email","username","React","LoginField","t0","$","type","required","t1","undefined","t","t2","_jsx","autoComplete","field","name","label","validate","t3","value","options","passesUsername","passesEmail"],"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nexport type LoginFieldProps = {\n  readonly required?: boolean\n  readonly type: 'email' | 'emailOrUsername' | 'username'\n  readonly validate?: Validate\n}\n\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        autoComplete=\"email\"\n        field={{\n          name: 'email',\n          label: t('general:email'),\n          required,\n        }}\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required,\n        }}\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:emailOrUsername'),\n          required,\n        }}\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\n          )\n\n          if (!passesEmail && !passesUsername) {\n            return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n          }\n\n          return true\n        }}\n      />\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACtD,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAQlB,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,IAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAJ,EAAyB;EAAjB,MAAAG,QAAA,GAAAC,EAAe,KAAAC,SAAA,UAAfD,EAAe;EAC3E;IAAAE;EAAA,IAAcX,cAAA;EAAA,IAEVO,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAf,UAAA;QAAAgB,YAAA,EACe;QAAAC,KAAA;UAAAC,IAAA,EAEL;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAjB;MAAA,C;;;;;;;WAJbW,E;;MAYAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAhB;MAAA,C;;;;;;;WAHbU,E;;MAWAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAAA,IAAAW,EAAA;MAAA,IAAAb,CAAA,QAAAK,CAAA;QAQGQ,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBpB,QAAA,CAASkB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBtB,KAAA,CAClBmB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGX,CAAA,CAAE,qBAAqBY,WAAA,IAAeZ,CAAA,CAAE,wBAAwBW,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FhB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAa,EAAA;MAAA;QAAAA,EAAA,GAAAb,CAAA;MAAA;MAlBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAGDC;MAYV,C;;;;;;;WAlBFP,E;;;CAwBN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","EmailField","TextField","useTranslation","email","username","React","LoginField","t0","$","type","required","t1","undefined","t","t2","_jsx","field","name","admin","autoComplete","label","path","validate","t3","value","options","passesUsername","passesEmail"],"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nexport type LoginFieldProps = {\n  readonly required?: boolean\n  readonly type: 'email' | 'emailOrUsername' | 'username'\n  readonly validate?: Validate\n}\n\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        field={{\n          name: 'email',\n          admin: {\n            autoComplete: 'email',\n          },\n          label: t('general:email'),\n          required,\n        }}\n        path=\"email\"\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required,\n        }}\n        path=\"username\"\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:emailOrUsername'),\n          required,\n        }}\n        path=\"username\"\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\n          )\n\n          if (!passesEmail && !passesUsername) {\n            return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n          }\n\n          return true\n        }}\n      />\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACtD,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAQlB,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,IAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAJ,EAAyB;EAAjB,MAAAG,QAAA,GAAAC,EAAe,KAAAC,SAAA,UAAfD,EAAe;EAC3E;IAAAE;EAAA,IAAcX,cAAA;EAAA,IAEVO,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAf,UAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA;YAAAC,YAAA,EAEU;UAAA;UAAAC,KAAA,EAETP,CAAA,CAAE;UAAAH;QAAA;QAAAW,IAAA,EAGN;QAAAC,QAAA,EAAAnB;MAAA,C;;;;;;;WATPW,E;;MAeAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAe,KAAA;UAAAC,IAAA,EAEU;UAAAG,KAAA,EACCP,CAAA,CAAE;UAAAH;QAAA;QAAAW,IAAA,EAGN;QAAAC,QAAA,EAAAlB;MAAA,C;;;;;;;WANPU,E;;MAYAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAAA,IAAAa,EAAA;MAAA,IAAAf,CAAA,QAAAK,CAAA;QASGU,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBtB,QAAA,CAASoB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBxB,KAAA,CAClBqB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGb,CAAA,CAAE,qBAAqBc,WAAA,IAAed,CAAA,CAAE,wBAAwBa,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FlB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAe,EAAA;MAAA;QAAAA,EAAA,GAAAf,CAAA;MAAA;MAnBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAe,KAAA;UAAAC,IAAA,EAEU;UAAAG,KAAA,EACCP,CAAA,CAAE;UAAAH;QAAA;QAAAW,IAAA,EAGN;QAAAC,QAAA,EACKC;MAYV,C;;;;;;;WAnBFT,E;;;CAyBN","ignoreList":[]}

package/dist/views/Login/LoginForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CAyFA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CA2FA,CAAA"}

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

@@ -102,7 +102,7 @@ export const LoginForm = t0 => {
     let t9;
     if ($[20] !== setUser) {
       t9 = data => {
-        setUser(data.user);
+        setUser(data);
       };
       $[20] = setUser;
       $[21] = t9;
@@ -128,13 +128,15 @@ export const LoginForm = t0 => {
             name: "password",
             label: t("general:password"),
             required: true
-          }
+          },
+          path: "password"
         })]
       }), _jsx(Link, {
         href: formatAdminURL({
           adminRoute,
           path: forgotRoute
         }),
+        prefetch: false,
         children: t("authentication:forgotPasswordQuestion")
       }), _jsx(FormSubmit, {
         size: "large",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","t4","collections","find","collection","slug","collectionConfig","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","redirect","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","className","disableSuccessStatus","method","onSuccess","waitForAutocomplete","children","_jsx","type","field","name","label","required","href","path","size"],"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { ClientUser, FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n  prefillEmail?: string\n  prefillPassword?: string\n  prefillUsername?: string\n  searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n  } = config\n\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const canLoginWithEmail =\n    !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin\n  const canLoginWithUsername = authOptions.loginWithUsername\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) {\n      return 'emailOrUsername'\n    }\n    if (canLoginWithUsername) {\n      return 'username'\n    }\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const initialState: FormState = {\n    password: {\n      initialValue: prefillPassword ?? undefined,\n      valid: true,\n      value: prefillPassword ?? undefined,\n    },\n  }\n\n  if (loginWithUsername) {\n    initialState.username = {\n      initialValue: prefillUsername ?? undefined,\n      valid: true,\n      value: prefillUsername ?? undefined,\n    }\n  } else {\n    initialState.email = {\n      initialValue: prefillEmail ?? undefined,\n      valid: true,\n      value: prefillEmail ?? undefined,\n    }\n  }\n\n  const handleLogin = (data: { user: ClientUser }) => {\n    setUser(data.user)\n  }\n\n  return (\n    <Form\n      action={`${apiRoute}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={handleLogin}\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField\n          field={{\n            name: 'password',\n            label: t('general:password'),\n            required: true,\n          }}\n        />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","t4","collections","find","collection","slug","collectionConfig","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","redirect","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","className","disableSuccessStatus","method","onSuccess","waitForAutocomplete","children","_jsx","type","field","name","label","required","path","href","prefetch","size"],"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { UserWithToken } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n  prefillEmail?: string\n  prefillPassword?: string\n  prefillUsername?: string\n  searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n  } = config\n\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const canLoginWithEmail =\n    !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin\n  const canLoginWithUsername = authOptions.loginWithUsername\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) {\n      return 'emailOrUsername'\n    }\n    if (canLoginWithUsername) {\n      return 'username'\n    }\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const initialState: FormState = {\n    password: {\n      initialValue: prefillPassword ?? undefined,\n      valid: true,\n      value: prefillPassword ?? undefined,\n    },\n  }\n\n  if (loginWithUsername) {\n    initialState.username = {\n      initialValue: prefillUsername ?? undefined,\n      valid: true,\n      value: prefillUsername ?? undefined,\n    }\n  } else {\n    initialState.email = {\n      initialValue: prefillEmail ?? undefined,\n      valid: true,\n      value: prefillEmail ?? undefined,\n    }\n  }\n\n  const handleLogin = (data: UserWithToken) => {\n    setUser(data)\n  }\n\n  return (\n    <Form\n      action={`${apiRoute}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={handleLogin}\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField\n          field={{\n            name: 'password',\n            label: t('general:password'),\n            required: true,\n          }}\n          path=\"password\"\n        />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n        prefetch={false}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Login/LoginForm/index.scss

@@ -1,8 +1,10 @@
-.login__form {
-  &__inputWrap {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-    margin-bottom: calc(var(--base) / 4);
+@layer payload-default {
+  .login__form {
+    &__inputWrap {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      margin-bottom: calc(var(--base) / 4);
+    }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Login/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,eAAO,MAAM,cAAc,UAAU,CAAA;AAErC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkF9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Login/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,eAAO,MAAM,cAAc,UAAU,CAAA;AAErC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyF9C,CAAA"}

package/dist/views/Login/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getCreateMappedComponent, RenderComponent } from '@payloadcms/ui/shared';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { redirect } from 'next/navigation.js';
 import React, { Fragment } from 'react';
 import { Logo } from '../../elements/Logo/index.js';
@@ -37,22 +37,8 @@ export const LoginView = ({
       admin
     }
   } = config;
-  const createMappedComponent = getCreateMappedComponent({
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
-  });
-  const mappedBeforeLogins = createMappedComponent(beforeLogin, undefined, undefined, 'beforeLogin');
-  const mappedAfterLogins = createMappedComponent(afterLogin, undefined, undefined, 'afterLogin');
   if (user) {
-    redirect(admin);
+    redirect(searchParams.redirect || admin);
   }
   const collectionConfig = collections.find(({
     slug
@@ -73,15 +59,35 @@ export const LoginView = ({
         searchParams: searchParams,
         user: user
       })
-    }), /*#__PURE__*/_jsx(RenderComponent, {
-      mappedComponent: mappedBeforeLogins
+    }), /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: beforeLogin,
+      importMap: payload.importMap,
+      serverProps: {
+        i18n,
+        locale,
+        params,
+        payload,
+        permissions,
+        searchParams,
+        user
+      }
     }), !collectionConfig?.auth?.disableLocalStrategy && /*#__PURE__*/_jsx(LoginForm, {
       prefillEmail: prefillEmail,
       prefillPassword: prefillPassword,
       prefillUsername: prefillUsername,
       searchParams: searchParams
-    }), /*#__PURE__*/_jsx(RenderComponent, {
-      mappedComponent: mappedAfterLogins
+    }), /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: afterLogin,
+      importMap: payload.importMap,
+      serverProps: {
+        i18n,
+        locale,
+        params,
+        payload,
+        permissions,
+        searchParams,
+        user
+      }
     })]
   });
 };

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

@@ -1 +1 @@
-{"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":";AAEA,SAASA,wBAAwB,EAAEC,eAAe,QAAQ;AAC1D,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,IAAI,QAAQ;AAErB,SAASC,SAAS,QAAQ;AAE1B,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,cAAA,GAAiB;AAE9B,OAAO,MAAMC,SAAA,GAAsCA,CAAC;EAAEC,cAAc;EAAEC,MAAM;EAAEC;AAAY,CAAE;EAC1F,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGL,cAAA;EAErC,MAAM;IACJM,IAAI;IACJC,OAAA,EAAS;MAAEC;IAAM,CAAE;IACnBD,OAAO;IACPE;EAAI,CACL,GAAGJ,GAAA;EAEJ,MAAM;IACJK,KAAA,EAAO;MAAEC,UAAA,EAAY;QAAEC,UAAU;QAAEC;MAAW,CAAE,GAAG,CAAC,CAAC;MAAEJ,IAAA,EAAMK;IAAQ,CAAE;IACvEC,WAAW;IACXC,MAAA,EAAQ;MAAEN;IAAK;EAAE,CAClB,GAAGF,MAAA;EAEJ,MAAMS,qBAAA,GAAwB3B,wBAAA,CAAyB;IACrD4B,SAAA,EAAWX,OAAA,CAAQW,SAAS;IAC5BC,WAAA,EAAa;MACXb,IAAA;MACAH,MAAA;MACAF,MAAA;MACAM,OAAA;MACAH,WAAA;MACAF,YAAA;MACAO;IACF;EACF;EAEA,MAAMW,kBAAA,GAAqBH,qBAAA,CAAsBJ,WAAA,EAAaQ,SAAA,EAAWA,SAAA,EAAW;EAEpF,MAAMC,iBAAA,GAAoBL,qBAAA,CAAsBL,UAAA,EAAYS,SAAA,EAAWA,SAAA,EAAW;EAElF,IAAIZ,IAAA,EAAM;IACRjB,QAAA,CAASkB,KAAA;EACX;EAEA,MAAMa,gBAAA,GAAmBR,WAAA,CAAYS,IAAI,CAAC,CAAC;IAAEC;EAAI,CAAE,KAAKA,IAAA,KAASX,QAAA;EAEjE,MAAMY,gBAAA,GACJ,OAAOlB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,KAAc,YAAYnB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,CAAUC,WAAA;EAEzE,MAAMC,eAAA,GACJH,gBAAA,IAAoB,OAAOlB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,KAAc,WACnDnB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,CAAUG,QAAA,GACxBT,SAAA;EAEN,MAAMU,YAAA,GACJL,gBAAA,IAAoB,OAAOlB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,KAAc,WACnDnB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,CAAUK,KAAA,GACxBX,SAAA;EAEN,MAAMY,eAAA,GACJP,gBAAA,IAAoB,OAAOlB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,KAAc,WACnDnB,MAAA,CAAOE,KAAK,EAAEiB,SAAA,CAAUO,QAAA,GACxBb,SAAA;EAEN,oBACEc,KAAA,CAACzC,QAAA;4BACC0C,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAGvC,cAAA,SAAuB;gBACxC,aAAAsC,IAAA,CAACzC,IAAA;QACCW,IAAA,EAAMA,IAAA;QACNH,MAAA,EAAQA,MAAA;QACRF,MAAA,EAAQA,MAAA;QACRM,OAAA,EAASA,OAAA;QACTH,WAAA,EAAaA,WAAA;QACbF,YAAA,EAAcA,YAAA;QACdO,IAAA,EAAMA;;qBAGV2B,IAAA,CAAC7C,eAAA;MAAgB+C,eAAA,EAAiBlB;QACjC,CAACG,gBAAA,EAAkBgB,IAAA,EAAMC,oBAAA,iBACxBJ,IAAA,CAACxC,SAAA;MACCmC,YAAA,EAAcA,YAAA;MACdE,eAAA,EAAiBA,eAAA;MACjBJ,eAAA,EAAiBA,eAAA;MACjB3B,YAAA,EAAcA;qBAGlBkC,IAAA,CAAC7C,eAAA;MAAgB+C,eAAA,EAAiBhB;;;AAGxC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["RenderServerComponent","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","collectionConfig","find","slug","prefillAutoLogin","autoLogin","prefillOnly","prefillUsername","username","undefined","prefillEmail","email","prefillPassword","password","_jsxs","_jsx","className","Component","importMap","serverProps","auth","disableLocalStrategy"],"sources":["../../../src/views/Login/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\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  if (user) {\n    redirect((searchParams.redirect as string) || 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      <RenderServerComponent\n        Component={beforeLogin}\n        importMap={payload.importMap}\n        serverProps={{\n          i18n,\n          locale,\n          params,\n          payload,\n          permissions,\n          searchParams,\n          user,\n        }}\n      />\n      {!collectionConfig?.auth?.disableLocalStrategy && (\n        <LoginForm\n          prefillEmail={prefillEmail}\n          prefillPassword={prefillPassword}\n          prefillUsername={prefillUsername}\n          searchParams={searchParams}\n        />\n      )}\n      <RenderServerComponent\n        Component={afterLogin}\n        importMap={payload.importMap}\n        serverProps={{\n          i18n,\n          locale,\n          params,\n          payload,\n          permissions,\n          searchParams,\n          user,\n        }}\n      />\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/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;AAElD,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,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,CAiDA,CAAA"}

package/dist/views/Logout/LogoutClient.js

@@ -2,96 +2,119 @@
 
 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 $ = _c(15);
+  const $ = _c(19);
   const {
     adminRoute,
     inactivity,
     redirect
   } = props;
-  const [isLoggingOut, setIsLoggingOut] = React.useState(undefined);
   const {
-    logOut
+    logOut,
+    user
   } = useAuth();
+  const [isLoggedOut, setIsLoggedOut] = React.useState(!user);
+  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 {
     t
   } = useTranslation();
-  let t0;
+  const router = useRouter();
   let t1;
-  if ($[0] !== isLoggingOut || $[1] !== logOut) {
-    t0 = () => {
-      if (!isLoggingOut) {
-        setIsLoggingOut(true);
-        logOut();
+  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;
       }
     };
-    t1 = [isLoggingOut, logOut];
-    $[0] = isLoggingOut;
-    $[1] = logOut;
-    $[2] = t0;
-    $[3] = t1;
+    $[4] = logOut;
+    $[5] = inactivity;
+    $[6] = t;
+    $[7] = router;
+    $[8] = loginRoute;
+    $[9] = t1;
   } else {
-    t0 = $[2];
-    t1 = $[3];
+    t1 = $[9];
   }
-  useEffect(t0, t1);
-  if (isLoggingOut) {
-    let t2;
-    if ($[4] !== inactivity || $[5] !== t) {
-      t2 = inactivity && _jsx("h2", {
-        children: t("authentication:loggedOutInactivity")
-      });
-      $[4] = inactivity;
-      $[5] = t;
-      $[6] = t2;
-    } else {
-      t2 = $[6];
-    }
-    let t3;
-    if ($[7] !== inactivity || $[8] !== t || $[9] !== redirect || $[10] !== adminRoute || $[11] !== t2) {
-      t3 = _jsxs("div", {
+  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: [t2, !inactivity && _jsx("h2", {
-          children: t("authentication:loggedOutSuccessfully")
+        children: [_jsx("h2", {
+          children: t("authentication:loggedOutInactivity")
         }), _jsx(Button, {
           buttonStyle: "secondary",
           el: "link",
           Link,
           size: "large",
-          url: formatAdminURL({
-            adminRoute,
-            path: `/login${redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ""}`
-          }),
+          url: loginRoute,
           children: t("authentication:logBackIn")
         })]
       });
-      $[7] = inactivity;
-      $[8] = t;
-      $[9] = redirect;
-      $[10] = adminRoute;
-      $[11] = t2;
-      $[12] = t3;
+      $[14] = t;
+      $[15] = loginRoute;
+      $[16] = t4;
     } else {
-      t3 = $[12];
+      t4 = $[16];
     }
-    return t3;
+    return t4;
   }
-  let t2;
-  if ($[13] !== t) {
-    t2 = _jsx(Fragment, {
-      children: t("authentication:loggingOut")
+  let t4;
+  if ($[17] !== t) {
+    t4 = _jsx(LoadingOverlay, {
+      animationDuration: "0ms",
+      loadingText: t("authentication:loggingOut")
     });
-    $[13] = t;
-    $[14] = t2;
+    $[17] = t;
+    $[18] = t4;
   } else {
-    t2 = $[14];
+    t4 = $[18];
   }
-  return t2;
+  return t4;
 };
 //# sourceMappingURL=LogoutClient.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LogoutClient.js","names":["c","_c","Button","useAuth","useTranslation","formatAdminURL","LinkImport","React","Fragment","useEffect","baseClass","Link","default","LogoutClient","props","$","adminRoute","inactivity","redirect","isLoggingOut","setIsLoggingOut","useState","undefined","logOut","t","t0","t1","t2","_jsx","children","t3","_jsxs","className","buttonStyle","el","size","url","path","length","encodeURIComponent"],"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\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 [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      <div className={`${baseClass}__wrap`}>\n        {inactivity && <h2>{t('authentication:loggedOutInactivity')}</h2>}\n        {!inactivity && <h2>{t('authentication:loggedOutSuccessfully')}</h2>}\n        <Button\n          buttonStyle=\"secondary\"\n          el=\"link\"\n          Link={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      </div>\n    )\n  }\n\n  return <Fragment>{t('authentication:loggingOut')}</Fragment>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,EAAEC,OAAO,EAAEC,cAAc,QAAQ;AAChD,SAASC,cAAc,QAAQ;AAC/B,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAI3C,MAAMC,SAAA,GAAY;AAElB,MAAMC,IAAA,GAAQL,UAAA,CAAWM,OAAO,IAAIN,UAAA;AAEpC,OAAO,MAAMO,YAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACH;IAAAe,UAAA;IAAAC,UAAA;IAAAC;EAAA,IAA6CJ,KAAA;EAE7C,OAAAK,YAAA,EAAAC,eAAA,IAAwCb,KAAA,CAAAc,QAAA,CAAAC,SAAoC;EAC5E;IAAAC;EAAA,IAAmBpB,OAAA;EACnB;IAAAqB;EAAA,IAAcpB,cAAA;EAAA,IAAAqB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAQ,MAAA;IAEJE,EAAA,GAAAA,CAAA;MAAA,KACHN,YAAA;QACHC,eAAA,KAAgB;QACXG,MAAA;MAAA;IAAA;IAENG,EAAA,IAACP,YAAA,EAAcI,MAAA;IAAOR,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAQ,MAAA;IAAAR,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAD,EAAA,GAAAV,CAAA;IAAAW,EAAA,GAAAX,CAAA;EAAA;EALzBN,SAAA,CAAUgB,EAKV,EAAGC,EAAsB;EAAA,IAErBP,YAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAZ,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAS,CAAA;MAGGG,EAAA,GAAAV,UAAA,IAAcW,IAAA,CAAC;QAAAC,QAAA,EAAIL,CAAA,CAAE;MAAA,C;;;;;;;;;MADxBM,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAtB,SAAA,QAAoB;QAAAmB,QAAA,GACjCF,E,EACA,CAACV,UAAA,IAAcW,IAAA,CAAC;UAAAC,QAAA,EAAIL,CAAA,CAAE;QAAA,C,GACvBI,IAAA,CAAA1B,MAAA;UAAA+B,WAAA,EACc;UAAAC,EAAA,EACT;UAAAvB,IAAA;UAAAwB,IAAA,EAEE;UAAAC,GAAA,EACA/B,cAAA;YAAAW,UAAA;YAAAqB,IAAA,EAEG,SACJnB,QAAA,IAAYA,QAAA,CAAAoB,MAAA,IAAkB,GAAI,aAAaC,kBAAA,CAAmBrB,QAAA,GAAW,GAAG;UAChF,CACJ;UAAAW,QAAA,EAECL,CAAA,CAAE;QAAA,C;;;;;;;;;;;WAfPM,E;;;;IAqBGH,EAAA,GAAAC,IAAA,CAAApB,QAAA;MAAAqB,QAAA,EAAWL,CAAA,CAAE;IAAA,C;;;;;;SAAbG,E;CACT","ignoreList":[]}
+{"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","logOut","user","isLoggedOut","setIsLoggedOut","useState","logOutSuccessRef","useRef","t0","path","length","encodeURIComponent","loginRoute","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 { logOut, user } = useAuth()\n  const [isLoggedOut, setIsLoggedOut] = React.useState<boolean>(!user)\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\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":[]}