fix: verify view is inaccessible (#8557)

Fixes #8470

Cleans up the way we redirect and where it happens.

## Improvements
- When you verify, the admin panel will display a toast when it
redirects you to the login route. This is contextually helpful as to
what is happening.
- Removes dead code path, as we always set the _verifiedToken to null
after it is used.

## `handleAdminPage` renamed to `getRouteInfo`
This function no longer handles routing. It kicks that responsibility
back up to the initPage function.

## `isAdminAuthRoute` renamed to `isPublicAdminRoute`
This was inversely named as it determines if a given route is public.
Also simplifies deterministic logic here.

## `redirectUnauthenticatedUser` argument
This is no longer used or needed. We can determine these things by using
the `isPublicAdminRoute` function.

## View Style fixes
- Reset Password
- Forgot Password
- Unauthorized

Author: JarrodMFlesch

packages/graphql/src/resolvers/auth/login.ts

@@ -19,8 +19,8 @@ export function login(collection: Collection): any {
 
     const result = await loginOperation(options)
     const cookie = generatePayloadCookie({
-      collectionConfig: collection.config,
-      payload: context.req.payload,
+      collectionAuthConfig: collection.config.auth,
+      cookiePrefix: context.req.payload.config.cookiePrefix,
       token: result.token,
     })
 

packages/graphql/src/resolvers/auth/logout.ts

@@ -13,8 +13,9 @@ export function logout(collection: Collection): any {
 
     const result = await logoutOperation(options)
     const expiredCookie = generateExpiredPayloadCookie({
-      collectionConfig: collection.config,
-      payload: context.req.payload,
+      collectionAuthConfig: collection.config.auth,
+      config: context.req.payload.config,
+      cookiePrefix: context.req.payload.config.cookiePrefix,
     })
     context.headers['Set-Cookie'] = expiredCookie
     return result

packages/graphql/src/resolvers/auth/refresh.ts

@@ -14,8 +14,8 @@ export function refresh(collection: Collection): any {
 
     const result = await refreshOperation(options)
     const cookie = generatePayloadCookie({
-      collectionConfig: collection.config,
-      payload: context.req.payload,
+      collectionAuthConfig: collection.config.auth,
+      cookiePrefix: context.req.payload.config.cookiePrefix,
       token: result.refreshedToken,
     })
     context.headers['Set-Cookie'] = cookie

packages/graphql/src/resolvers/auth/resetPassword.ts

@@ -23,8 +23,8 @@ export function resetPassword(collection: Collection): any {
 
     const result = await resetPasswordOperation(options)
     const cookie = generatePayloadCookie({
-      collectionConfig: collection.config,
-      payload: context.req.payload,
+      collectionAuthConfig: collection.config.auth,
+      cookiePrefix: context.req.payload.config.cookiePrefix,
       token: result.token,
     })
     context.headers['Set-Cookie'] = cookie

packages/next/src/elements/FormHeader/index.scss

@@ -0,0 +1,6 @@
+.form-header {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--base) * .5);
+  margin-bottom: var(--base);
+}

packages/next/src/elements/FormHeader/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+
+import './index.scss'
+
+const baseClass = 'form-header'
+
+type Props = {
+  description?: React.ReactNode | string
+  heading: string
+}
+export function FormHeader({ description, heading }: Props) {
+  if (!heading) {
+    return null
+  }
+
+  return (
+    <div className={baseClass}>
+      <h1>{heading}</h1>
+      {Boolean(description) && <p>{description}</p>}
+    </div>
+  )
+}

packages/next/src/routes/rest/auth/login.ts

@@ -29,8 +29,8 @@ export const login: CollectionRouteHandler = async ({ collection, req }) => {
   })
 
   const cookie = generatePayloadCookie({
-    collectionConfig: collection.config,
-    payload: req.payload,
+    collectionAuthConfig: collection.config.auth,
+    cookiePrefix: req.payload.config.cookiePrefix,
     token: result.token,
   })
 

packages/next/src/routes/rest/auth/logout.ts

@@ -30,8 +30,9 @@ export const logout: CollectionRouteHandler = async ({ collection, req }) => {
   }
 
   const expiredCookie = generateExpiredPayloadCookie({
-    collectionConfig: collection.config,
-    payload: req.payload,
+    collectionAuthConfig: collection.config.auth,
+    config: req.payload.config,
+    cookiePrefix: req.payload.config.cookiePrefix,
   })
 
   headers.set('Set-Cookie', expiredCookie)

packages/next/src/routes/rest/auth/refresh.ts

@@ -20,8 +20,8 @@ export const refresh: CollectionRouteHandler = async ({ collection, req }) => {
 
   if (result.setCookie) {
     const cookie = generatePayloadCookie({
-      collectionConfig: collection.config,
-      payload: req.payload,
+      collectionAuthConfig: collection.config.auth,
+      cookiePrefix: req.payload.config.cookiePrefix,
       token: result.refreshedToken,
     })
 

packages/next/src/routes/rest/auth/registerFirstUser.ts

@@ -28,8 +28,8 @@ export const registerFirstUser: CollectionRouteHandler = async ({ collection, re
   })
 
   const cookie = generatePayloadCookie({
-    collectionConfig: collection.config,
-    payload: req.payload,
+    collectionAuthConfig: collection.config.auth,
+    cookiePrefix: req.payload.config.cookiePrefix,
     token: result.token,
   })