@payloadcms/ui 4.0.0-internal.5d5a2b2 → 4.0.0-internal.5e065b3

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

@@ -1,10 +1,16 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { toast } from 'sonner';
+import { Link } from '../../elements/Link/index.js';
+import { Translation } from '../../elements/Translation/index.js';
 import { useRouter } from '../../providers/RouterAdapter/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+const baseClass = 'verify';
+const redirectDelay = 3000;
 export function ToastAndRedirect(t0) {
   const $ = _c(6);
   const {
@@ -48,4 +54,79 @@ export function ToastAndRedirect(t0) {
   useEffect(t1, t2);
   return null;
 }
+export function VerifyClient(t0) {
+  const $ = _c(10);
+  const {
+    loginRoute
+  } = t0;
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  let t2;
+  if ($[0] !== loginRoute || $[1] !== router || $[2] !== startRouteTransition) {
+    t1 = () => {
+      const timeoutID = setTimeout(() => {
+        startRouteTransition(() => router.push(loginRoute));
+      }, redirectDelay);
+      return () => {
+        clearTimeout(timeoutID);
+      };
+    };
+    t2 = [router, loginRoute, startRouteTransition];
+    $[0] = loginRoute;
+    $[1] = router;
+    $[2] = startRouteTransition;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== loginRoute || $[6] !== t) {
+    let t4;
+    if ($[8] !== loginRoute) {
+      t4 = t5 => {
+        const {
+          children
+        } = t5;
+        return _jsx(Link, {
+          href: loginRoute,
+          prefetch: false,
+          children
+        });
+      };
+      $[8] = loginRoute;
+      $[9] = t4;
+    } else {
+      t4 = $[9];
+    }
+    t3 = _jsxs("div", {
+      className: `${baseClass}__content`,
+      children: [_jsx("p", {
+        children: t("authentication:emailVerifiedRedirecting")
+      }), _jsx("p", {
+        children: _jsx(Translation, {
+          elements: {
+            0: t4
+          },
+          i18nKey: "authentication:notRedirected",
+          t
+        })
+      })]
+    });
+    $[5] = loginRoute;
+    $[6] = t;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","React","useEffect","toast","useRouter","useRouteTransition","ToastAndRedirect","t0","$","message","redirectTo","router","startRouteTransition","hasToastedRef","useRef","t1","t2","timeoutID","current","push","clearTimeout"],"sources":["../../../src/views/Verify/index.client.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\nimport { toast } from 'sonner'\n\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\n\ntype Props = {\n  message: string\n  redirectTo: string\n}\nexport function ToastAndRedirect({ message, redirectTo }: Props) {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const hasToastedRef = React.useRef(false)\n\n  useEffect(() => {\n    let timeoutID\n\n    if (toast) {\n      timeoutID = setTimeout(() => {\n        toast.success(message)\n        hasToastedRef.current = true\n        startRouteTransition(() => router.push(redirectTo))\n      }, 100)\n    }\n\n    return () => {\n      if (timeoutID) {\n        clearTimeout(timeoutID)\n      }\n    }\n  }, [router, redirectTo, message, startRouteTransition])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AACjC,SAASC,KAAK,QAAQ;AAEtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AAMnC,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAA0B;IAAAS,OAAA;IAAAC;EAAA,IAAAH,EAA8B;EAC7D,MAAAI,MAAA,GAAeP,SAAA;EACf;IAAAQ;EAAA,IAAiCP,kBAAA;EACjC,MAAAQ,aAAA,GAAsBZ,KAAA,CAAAa,MAAA,MAAa;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,oBAAA;IAEzBG,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,SAAA;MAAA,IAAAd,KAAA;QAGFc,SAAA,CAAAA,CAAA,CAAYA,aAAA,CAAAA,EAAA,CAAAA;UACVA,cAAcR,OAAA;UACdI,aAAA,CAAAK,OAAA;UACAN,oBAAA,OAA2BD,MAAA,CAAAQ,IAAA,CAAYT,UAAA;QAAA,MACtC;MAJH;MAAA;QAAA,IAQIO,SAAA;UACFG,YAAA,CAAaH,SAAA;QAAA;MAAA;IAAA;IAGhBD,EAAA,IAACL,MAAA,EAAQD,UAAA,EAAYD,OAAA,EAASG,oBAAA;IAAqBJ,CAAA,MAAAC,OAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAI,oBAAA;IAAAJ,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EAhBtDN,SAAA,CAAUa,EAgBV,EAAGC,EAAmD;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","React","useEffect","toast","Link","Translation","useRouter","useRouteTransition","useTranslation","baseClass","redirectDelay","ToastAndRedirect","t0","$","message","redirectTo","router","startRouteTransition","hasToastedRef","useRef","t1","t2","timeoutID","current","push","clearTimeout","VerifyClient","loginRoute","t","setTimeout","t3","t4","t5","children","_jsx","href","prefetch","_jsxs","className","elements","0"],"sources":["../../../src/views/Verify/index.client.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\nimport { toast } from 'sonner'\n\nimport { Link } from '../../elements/Link/index.js'\nimport { Translation } from '../../elements/Translation/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'verify'\n\nconst redirectDelay = 3000\n\ntype Props = {\n  message: string\n  redirectTo: string\n}\nexport function ToastAndRedirect({ message, redirectTo }: Props) {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const hasToastedRef = React.useRef(false)\n\n  useEffect(() => {\n    let timeoutID\n\n    if (toast) {\n      timeoutID = setTimeout(() => {\n        toast.success(message)\n        hasToastedRef.current = true\n        startRouteTransition(() => router.push(redirectTo))\n      }, 100)\n    }\n\n    return () => {\n      if (timeoutID) {\n        clearTimeout(timeoutID)\n      }\n    }\n  }, [router, redirectTo, message, startRouteTransition])\n\n  return null\n}\n\nexport function VerifyClient({ loginRoute }: { loginRoute: string }) {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    const timeoutID = setTimeout(() => {\n      startRouteTransition(() => router.push(loginRoute))\n    }, redirectDelay)\n\n    return () => {\n      clearTimeout(timeoutID)\n    }\n  }, [router, loginRoute, startRouteTransition])\n\n  return (\n    <div className={`${baseClass}__content`}>\n      <p>{t('authentication:emailVerifiedRedirecting')}</p>\n      <p>\n        <Translation\n          elements={{\n            0: ({ children }) => (\n              <Link href={loginRoute} prefetch={false}>\n                {children}\n              </Link>\n            ),\n          }}\n          i18nKey=\"authentication:notRedirected\"\n          t={t}\n        />\n      </p>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Verify/index.css

@@ -0,0 +1,38 @@
+@layer payload-default {
+  .verify {
+    display: flex;
+    align-items: center;
+    text-align: center;
+    flex-wrap: wrap;
+    min-height: 100vh;
+  }
+
+  .verify .template-minimal__wrap {
+    max-width: unset;
+  }
+
+  .verify__brand {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin-bottom: var(--spacer-3);
+  }
+
+  .verify__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacer-2);
+    width: 100%;
+  }
+
+  .verify__content p {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+
+  .verify__content p a {
+    color: inherit;
+    text-decoration: underline;
+  }
+}

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

@@ -1,6 +1,6 @@
 import type { AdminViewServerProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const verifyBaseClass = "verify";
-export declare function Verify({ initPageResult, params, searchParams }: AdminViewServerProps): Promise<React.JSX.Element>;
+export declare function Verify({ initPageResult, params, searchParams, user: userWithReadAccess, }: AdminViewServerProps): Promise<React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,WAAW,CAAA;AAEvC,wBAAsB,MAAM,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,8BA2D1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,eAAe,WAAW,CAAA;AAEvC,wBAAsB,MAAM,CAAC,EAC3B,cAAc,EACd,MAAM,EACN,YAAY,EACZ,IAAI,EAAE,kBAAkB,GACzB,EAAE,oBAAoB,8BAoDtB"}

package/dist/views/Verify/index.js

@@ -3,13 +3,14 @@ import { formatAdminURL } from 'payload/shared';
 import React from 'react';
 import { Logo } from '../../elements/Logo/index.js';
 // eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
-import { ToastAndRedirect } from '../../exports/client/index.js';
-import './index.scss';
+import { VerifyClient } from '../../exports/client/index.js';
+import './index.css';
 export const verifyBaseClass = 'verify';
 export async function Verify({
   initPageResult,
   params,
-  searchParams
+  searchParams,
+  user: userWithReadAccess
 }) {
   // /:collectionSlug/verify/:token
   const [collectionSlug, verify, token] = params.segments;
@@ -23,16 +24,13 @@ export async function Verify({
     payload: {
       config
     },
-    payload,
-    user
+    payload
   } = req;
   const {
     routes: {
       admin: adminRoute
-    },
-    serverURL
+    }
   } = config;
-  let textToRender;
   let isVerified = false;
   try {
     await req.payload.verifyEmail({
@@ -40,19 +38,13 @@ export async function Verify({
       token
     });
     isVerified = true;
-    textToRender = req.t('authentication:emailVerified');
-  } catch (e) {
-    textToRender = req.t('authentication:unableToVerify');
-  }
-  if (isVerified) {
-    return /*#__PURE__*/_jsx(ToastAndRedirect, {
-      message: req.t('authentication:emailVerified'),
-      redirectTo: formatAdminURL({
-        adminRoute,
-        path: '/login'
-      })
-    });
+  } catch {
+    // Verification failed - isVerified stays false
   }
+  const loginRoute = formatAdminURL({
+    adminRoute,
+    path: '/login'
+  });
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       className: `${verifyBaseClass}__brand`,
@@ -64,10 +56,12 @@ export async function Verify({
         permissions: permissions,
         searchParams: searchParams,
         server: req.server,
-        user: user
+        user: userWithReadAccess
       })
-    }), /*#__PURE__*/_jsx("h2", {
-      children: textToRender
+    }), isVerified ? /*#__PURE__*/_jsx(VerifyClient, {
+      loginRoute: loginRoute
+    }) : /*#__PURE__*/_jsx("h2", {
+      children: req.t('authentication:verificationFailedRequestNew')
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","Logo","ToastAndRedirect","verifyBaseClass","Verify","initPageResult","params","searchParams","collectionSlug","verify","token","segments","locale","permissions","req","i18n","payload","config","user","routes","admin","adminRoute","serverURL","textToRender","isVerified","verifyEmail","collection","t","e","_jsx","message","redirectTo","path","_jsxs","Fragment","className","server"],"sources":["../../../src/views/Verify/index.tsx"],"sourcesContent":["import type { AdminViewServerProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ToastAndRedirect } from '../../exports/client/index.js'\nimport './index.scss'\n\nexport const verifyBaseClass = 'verify'\n\nexport async function Verify({ initPageResult, params, searchParams }: AdminViewServerProps) {\n  // /:collectionSlug/verify/:token\n\n  const [collectionSlug, verify, token] = params.segments\n  const { locale, permissions, req } = initPageResult\n\n  const {\n    i18n,\n    payload: { config },\n    payload,\n    user,\n  } = req\n\n  const {\n    routes: { admin: adminRoute },\n    serverURL,\n  } = config\n\n  let textToRender\n  let isVerified = false\n\n  try {\n    await req.payload.verifyEmail({\n      collection: collectionSlug,\n      token,\n    })\n\n    isVerified = true\n    textToRender = req.t('authentication:emailVerified')\n  } catch (e) {\n    textToRender = req.t('authentication:unableToVerify')\n  }\n\n  if (isVerified) {\n    return (\n      <ToastAndRedirect\n        message={req.t('authentication:emailVerified')}\n        redirectTo={formatAdminURL({ adminRoute, path: '/login' })}\n      />\n    )\n  }\n\n  return (\n    <React.Fragment>\n      <div className={`${verifyBaseClass}__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          server={req.server}\n          user={user}\n        />\n      </div>\n      <h2>{textToRender}</h2>\n    </React.Fragment>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB;AACA,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AAEP,OAAO,MAAMC,eAAA,GAAkB;AAE/B,OAAO,eAAeC,OAAO;EAAEC,cAAc;EAAEC,MAAM;EAAEC;AAAY,CAAwB;EACzF;EAEA,MAAM,CAACC,cAAA,EAAgBC,MAAA,EAAQC,KAAA,CAAM,GAAGJ,MAAA,CAAOK,QAAQ;EACvD,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGT,cAAA;EAErC,MAAM;IACJU,IAAI;IACJC,OAAA,EAAS;MAAEC;IAAM,CAAE;IACnBD,OAAO;IACPE;EAAI,CACL,GAAGJ,GAAA;EAEJ,MAAM;IACJK,MAAA,EAAQ;MAAEC,KAAA,EAAOC;IAAU,CAAE;IAC7BC;EAAS,CACV,GAAGL,MAAA;EAEJ,IAAIM,YAAA;EACJ,IAAIC,UAAA,GAAa;EAEjB,IAAI;IACF,MAAMV,GAAA,CAAIE,OAAO,CAACS,WAAW,CAAC;MAC5BC,UAAA,EAAYlB,cAAA;MACZE;IACF;IAEAc,UAAA,GAAa;IACbD,YAAA,GAAeT,GAAA,CAAIa,CAAC,CAAC;EACvB,EAAE,OAAOC,CAAA,EAAG;IACVL,YAAA,GAAeT,GAAA,CAAIa,CAAC,CAAC;EACvB;EAEA,IAAIH,UAAA,EAAY;IACd,oBACEK,IAAA,CAAC3B,gBAAA;MACC4B,OAAA,EAAShB,GAAA,CAAIa,CAAC,CAAC;MACfI,UAAA,EAAYhC,cAAA,CAAe;QAAEsB,UAAA;QAAYW,IAAA,EAAM;MAAS;;EAG9D;EAEA,oBACEC,KAAA,CAACjC,KAAA,CAAMkC,QAAQ;4BACbL,IAAA,CAAC;MAAIM,SAAA,EAAW,GAAGhC,eAAA,SAAwB;gBACzC,aAAA0B,IAAA,CAAC5B,IAAA;QACCc,IAAA,EAAMA,IAAA;QACNH,MAAA,EAAQA,MAAA;QACRN,MAAA,EAAQA,MAAA;QACRU,OAAA,EAASA,OAAA;QACTH,WAAA,EAAaA,WAAA;QACbN,YAAA,EAAcA,YAAA;QACd6B,MAAA,EAAQtB,GAAA,CAAIsB,MAAM;QAClBlB,IAAA,EAAMA;;qBAGVW,IAAA,CAAC;gBAAIN;;;AAGX","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","React","Logo","VerifyClient","verifyBaseClass","Verify","initPageResult","params","searchParams","user","userWithReadAccess","collectionSlug","verify","token","segments","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","isVerified","verifyEmail","collection","loginRoute","path","_jsxs","Fragment","_jsx","className","server","t"],"sources":["../../../src/views/Verify/index.tsx"],"sourcesContent":["import type { AdminViewServerProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { VerifyClient } from '../../exports/client/index.js'\nimport './index.css'\n\nexport const verifyBaseClass = 'verify'\n\nexport async function Verify({\n  initPageResult,\n  params,\n  searchParams,\n  user: userWithReadAccess,\n}: AdminViewServerProps) {\n  // /:collectionSlug/verify/:token\n\n  const [collectionSlug, verify, token] = params.segments\n  const { locale, permissions, req } = initPageResult\n\n  const {\n    i18n,\n    payload: { config },\n    payload,\n  } = req\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  let isVerified = false\n\n  try {\n    await req.payload.verifyEmail({\n      collection: collectionSlug,\n      token,\n    })\n\n    isVerified = true\n  } catch {\n    // Verification failed - isVerified stays false\n  }\n\n  const loginRoute = formatAdminURL({ adminRoute, path: '/login' })\n\n  return (\n    <React.Fragment>\n      <div className={`${verifyBaseClass}__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          server={req.server}\n          user={userWithReadAccess}\n        />\n      </div>\n      {isVerified ? (\n        <VerifyClient loginRoute={loginRoute} />\n      ) : (\n        <h2>{req.t('authentication:verificationFailedRequestNew')}</h2>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB;AACA,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,eAAA,GAAkB;AAE/B,OAAO,eAAeC,OAAO;EAC3BC,cAAc;EACdC,MAAM;EACNC,YAAY;EACZC,IAAA,EAAMC;AAAkB,CACH;EACrB;EAEA,MAAM,CAACC,cAAA,EAAgBC,MAAA,EAAQC,KAAA,CAAM,GAAGN,MAAA,CAAOO,QAAQ;EACvD,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGX,cAAA;EAErC,MAAM;IACJY,IAAI;IACJC,OAAA,EAAS;MAAEC;IAAM,CAAE;IACnBD;EAAO,CACR,GAAGF,GAAA;EAEJ,MAAM;IACJI,MAAA,EAAQ;MAAEC,KAAA,EAAOC;IAAU;EAAE,CAC9B,GAAGH,MAAA;EAEJ,IAAII,UAAA,GAAa;EAEjB,IAAI;IACF,MAAMP,GAAA,CAAIE,OAAO,CAACM,WAAW,CAAC;MAC5BC,UAAA,EAAYf,cAAA;MACZE;IACF;IAEAW,UAAA,GAAa;EACf,EAAE,MAAM;IACN;EAAA;EAGF,MAAMG,UAAA,GAAa3B,cAAA,CAAe;IAAEuB,UAAA;IAAYK,IAAA,EAAM;EAAS;EAE/D,oBACEC,KAAA,CAAC5B,KAAA,CAAM6B,QAAQ;4BACbC,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAG5B,eAAA,SAAwB;gBACzC,aAAA2B,IAAA,CAAC7B,IAAA;QACCgB,IAAA,EAAMA,IAAA;QACNH,MAAA,EAAQA,MAAA;QACRR,MAAA,EAAQA,MAAA;QACRY,OAAA,EAASA,OAAA;QACTH,WAAA,EAAaA,WAAA;QACbR,YAAA,EAAcA,YAAA;QACdyB,MAAA,EAAQhB,GAAA,CAAIgB,MAAM;QAClBxB,IAAA,EAAMC;;QAGTc,UAAA,gBACCO,IAAA,CAAC5B,YAAA;MAAawB,UAAA,EAAYA;sBAE1BI,IAAA,CAAC;gBAAId,GAAA,CAAIiB,CAAC,CAAC;;;AAInB","ignoreList":[]}

package/dist/views/Version/Default/SetStepNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IAClD,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAiHA,CAAA"}
+{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IAClD,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CA8GA,CAAA"}

package/dist/views/Version/Default/SetStepNav.js

@@ -7,10 +7,9 @@ import { useEffect } from 'react';
 import { useStepNav } from '../../../elements/StepNav/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useDocumentTitle } from '../../../providers/DocumentTitle/index.js';
-import { useLocale } from '../../../providers/Locale/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 export const SetStepNav = t0 => {
-  const $ = _c(24);
+  const $ = _c(23);
   const {
     id,
     collectionConfig,
@@ -29,7 +28,6 @@ export const SetStepNav = t0 => {
     i18n,
     t
   } = useTranslation();
-  const locale = useLocale();
   const {
     title
   } = useDocumentTitle();
@@ -115,23 +113,22 @@ export const SetStepNav = t0 => {
     t1 = $[10];
   }
   let t2;
-  if ($[11] !== collectionConfig || $[12] !== config || $[13] !== globalConfig || $[14] !== i18n || $[15] !== id || $[16] !== isTrashed || $[17] !== locale || $[18] !== setStepNav || $[19] !== t || $[20] !== title || $[21] !== versionToCreatedAtFormatted || $[22] !== versionToID) {
-    t2 = [config, setStepNav, id, isTrashed, locale, t, i18n, collectionConfig, globalConfig, title, versionToCreatedAtFormatted, versionToID];
+  if ($[11] !== collectionConfig || $[12] !== config || $[13] !== globalConfig || $[14] !== i18n || $[15] !== id || $[16] !== isTrashed || $[17] !== setStepNav || $[18] !== t || $[19] !== title || $[20] !== versionToCreatedAtFormatted || $[21] !== versionToID) {
+    t2 = [config, setStepNav, id, isTrashed, t, i18n, collectionConfig, globalConfig, title, versionToCreatedAtFormatted, versionToID];
     $[11] = collectionConfig;
     $[12] = config;
     $[13] = globalConfig;
     $[14] = i18n;
     $[15] = id;
     $[16] = isTrashed;
-    $[17] = locale;
-    $[18] = setStepNav;
-    $[19] = t;
-    $[20] = title;
-    $[21] = versionToCreatedAtFormatted;
-    $[22] = versionToID;
-    $[23] = t2;
+    $[17] = setStepNav;
+    $[18] = t;
+    $[19] = title;
+    $[20] = versionToCreatedAtFormatted;
+    $[21] = versionToID;
+    $[22] = t2;
   } else {
-    t2 = $[23];
+    t2 = $[22];
   }
   useEffect(t1, t2);
   return null;

package/dist/views/Version/Default/SetStepNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetStepNav.js","names":["c","_c","getTranslation","formatAdminURL","useEffect","useStepNav","useConfig","useDocumentTitle","useLocale","useTranslation","SetStepNav","t0","$","id","collectionConfig","globalConfig","isTrashed","versionToCreatedAtFormatted","versionToID","config","setStepNav","i18n","t","locale","title","t1","routes","t2","admin","adminRoute","collectionSlug","slug","pluralLabel","labels","plural","docBasePath","nav","label","url","path","push","undefined","globalSlug"],"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport { useEffect } from 'react'\n\nimport { useStepNav } from '../../../elements/StepNav/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const SetStepNav: React.FC<{\n  readonly collectionConfig?: ClientCollectionConfig\n  readonly globalConfig?: ClientGlobalConfig\n  readonly id?: number | string\n  readonly isTrashed?: boolean\n  versionToCreatedAtFormatted?: string\n  versionToID?: string\n}> = ({\n  id,\n  collectionConfig,\n  globalConfig,\n  isTrashed,\n  versionToCreatedAtFormatted,\n  versionToID,\n}) => {\n  const { config } = useConfig()\n  const { setStepNav } = useStepNav()\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n  const { title } = useDocumentTitle()\n\n  useEffect(() => {\n    const {\n      routes: { admin: adminRoute },\n      serverURL,\n    } = config\n\n    if (collectionConfig) {\n      const collectionSlug = collectionConfig.slug\n\n      const pluralLabel = collectionConfig.labels?.plural\n\n      const docBasePath: `/${string}` = isTrashed\n        ? `/collections/${collectionSlug}/trash/${id}`\n        : `/collections/${collectionSlug}/${id}`\n\n      const nav = [\n        {\n          label: getTranslation(pluralLabel, i18n),\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}`,\n          }),\n        },\n      ]\n\n      if (isTrashed) {\n        nav.push({\n          label: t('general:trash'),\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}/trash`,\n          }),\n        })\n      }\n\n      nav.push(\n        {\n          label: title,\n          url: formatAdminURL({\n            adminRoute,\n            path: docBasePath,\n          }),\n        },\n        {\n          label: t('version:versions'),\n          url: formatAdminURL({\n            adminRoute,\n            path: `${docBasePath}/versions`,\n          }),\n        },\n        {\n          label: versionToCreatedAtFormatted,\n          url: undefined,\n        },\n      )\n\n      setStepNav(nav)\n      return\n    }\n\n    if (globalConfig) {\n      const globalSlug = globalConfig.slug\n\n      setStepNav([\n        {\n          label: globalConfig.label,\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalSlug}`,\n          }),\n        },\n        {\n          label: t('version:versions'),\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalSlug}/versions`,\n          }),\n        },\n        {\n          label: versionToCreatedAtFormatted,\n        },\n      ])\n    }\n  }, [\n    config,\n    setStepNav,\n    id,\n    isTrashed,\n    locale,\n    t,\n    i18n,\n    collectionConfig,\n    globalConfig,\n    title,\n    versionToCreatedAtFormatted,\n    versionToID,\n  ])\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SetStepNav.js","names":["c","_c","getTranslation","formatAdminURL","useEffect","useStepNav","useConfig","useDocumentTitle","useTranslation","SetStepNav","t0","$","id","collectionConfig","globalConfig","isTrashed","versionToCreatedAtFormatted","versionToID","config","setStepNav","i18n","t","title","t1","routes","t2","admin","adminRoute","collectionSlug","slug","pluralLabel","labels","plural","docBasePath","nav","label","url","path","push","undefined","globalSlug"],"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport { useEffect } from 'react'\n\nimport { useStepNav } from '../../../elements/StepNav/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const SetStepNav: React.FC<{\n  readonly collectionConfig?: ClientCollectionConfig\n  readonly globalConfig?: ClientGlobalConfig\n  readonly id?: number | string\n  readonly isTrashed?: boolean\n  versionToCreatedAtFormatted?: string\n  versionToID?: string\n}> = ({\n  id,\n  collectionConfig,\n  globalConfig,\n  isTrashed,\n  versionToCreatedAtFormatted,\n  versionToID,\n}) => {\n  const { config } = useConfig()\n  const { setStepNav } = useStepNav()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n\n  useEffect(() => {\n    const {\n      routes: { admin: adminRoute },\n    } = config\n\n    if (collectionConfig) {\n      const collectionSlug = collectionConfig.slug\n\n      const pluralLabel = collectionConfig.labels?.plural\n\n      const docBasePath: `/${string}` = isTrashed\n        ? `/collections/${collectionSlug}/trash/${id}`\n        : `/collections/${collectionSlug}/${id}`\n\n      const nav = [\n        {\n          label: getTranslation(pluralLabel, i18n),\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}`,\n          }),\n        },\n      ]\n\n      if (isTrashed) {\n        nav.push({\n          label: t('general:trash'),\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}/trash`,\n          }),\n        })\n      }\n\n      nav.push(\n        {\n          label: title,\n          url: formatAdminURL({\n            adminRoute,\n            path: docBasePath,\n          }),\n        },\n        {\n          label: t('version:versions'),\n          url: formatAdminURL({\n            adminRoute,\n            path: `${docBasePath}/versions`,\n          }),\n        },\n        {\n          label: versionToCreatedAtFormatted,\n          url: undefined,\n        },\n      )\n\n      setStepNav(nav)\n      return\n    }\n\n    if (globalConfig) {\n      const globalSlug = globalConfig.slug\n\n      setStepNav([\n        {\n          label: globalConfig.label,\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalSlug}`,\n          }),\n        },\n        {\n          label: t('version:versions'),\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalSlug}/versions`,\n          }),\n        },\n        {\n          label: versionToCreatedAtFormatted,\n        },\n      ])\n    }\n  }, [\n    config,\n    setStepNav,\n    id,\n    isTrashed,\n    t,\n    i18n,\n    collectionConfig,\n    globalConfig,\n    title,\n    versionToCreatedAtFormatted,\n    versionToID,\n  ])\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/Default/index.css

@@ -10,7 +10,7 @@
 
   .view-version-controls-top {
     border-bottom: var(--stroke-width-small) solid var(--color-border);
-    padding: var(--spacer-2) var(--spacer-4);
+    padding: var(--spacer-2) var(--gutter-h);
   }
 
   .view-version-controls-top__wrapper {
@@ -29,17 +29,16 @@
 
   .view-version-controls-top h2 {
     color: var(--color-text);
-    font-family: var(--text-body-large-strong-font-family);
-    font-size: var(--text-body-large-strong-font-size);
+    font-size: var(--text-body-large-bold-font-size);
     font-style: normal;
-    font-weight: var(--text-body-large-strong-font-weight);
-    line-height: var(--text-body-large-strong-line-height);
-    letter-spacing: var(--text-body-large-strong-letter-spacing);
+    font-weight: var(--text-body-large-bold-font-weight);
+    line-height: var(--text-body-large-bold-line-height);
+    letter-spacing: var(--text-body-large-bold-letter-spacing);
   }
 
   .view-version-controls-bottom {
     border-bottom: var(--stroke-width-small) solid var(--color-border);
-    padding: var(--spacer-2-5) var(--spacer-4);
+    padding: var(--spacer-2-5) var(--gutter-h);
     position: relative;
 
     /* Vertical separator line */
@@ -79,11 +78,10 @@
     flex-direction: row;
     justify-content: space-between;
     color: var(--color-text);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
+    font-size: var(--text-body-medium-bold-font-size);
     font-style: normal;
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
   }
 
@@ -99,7 +97,6 @@
   }
 
   .view-version__version-to-version h2 {
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
@@ -121,7 +118,6 @@
     overflow: hidden;
     color: var(--color-text);
     text-overflow: ellipsis;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-style: normal;
     font-weight: var(--text-body-medium-font-weight);
@@ -138,7 +134,7 @@
   }
 
   .view-version__diff-wrap {
-    padding: var(--spacer-3) var(--spacer-4);
+    padding: var(--spacer-3) var(--gutter-h);
     display: flex;
     flex-direction: column;
     gap: var(--spacer-3);
@@ -159,6 +155,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .view-version__version-to-version {
       flex-direction: column;
@@ -166,6 +163,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .view-version {
       display: flex;
@@ -190,12 +188,10 @@
 
     .view-version-controls-top {
       order: 2;
-      padding-inline: var(--spacer-3);
     }
 
     .view-version__diff-wrap {
       order: 3;
-      padding: var(--spacer-3);
 
       /* Hide vertical separator on mobile */
       &::after {

package/dist/views/Version/Default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2E,MAAM,OAAO,CAAA;AAG/F,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAczE,OAAO,aAAa,CAAA;AAQpB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+PjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2E,MAAM,OAAO,CAAA;AAG/F,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAYzE,OAAO,aAAa,CAAA;AAQpB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmOjE,CAAA"}

package/dist/views/Version/Default/index.js

@@ -2,10 +2,8 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Button } from '../../../elements/Button/index.js';
 import { Gutter } from '../../../elements/Gutter/index.js';
 import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
-import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../../providers/Locale/index.js';
@@ -38,26 +36,24 @@ export const DefaultVersionView = ({
     config,
     getEntityConfig
   } = useConfig();
-  const {
-    code
-  } = useLocale();
+  const locale = useLocale();
+  const code = locale?.code;
   const {
     i18n,
     t
   } = useTranslation();
   const [locales, setLocales] = useState([]);
-  const [localeSelectorOpen, setLocaleSelectorOpen] = React.useState(false);
   useEffect(() => {
     if (config.localization) {
-      const updatedLocales = config.localization.locales.map(locale => {
-        let label = locale.label;
-        if (typeof locale.label !== 'string' && locale.label[code]) {
-          label = locale.label[code];
+      const updatedLocales = config.localization.locales.map(locale_0 => {
+        let label = locale_0.label;
+        if (typeof locale_0.label !== 'string' && locale_0.label[code]) {
+          label = locale_0.label[code];
         }
         return {
-          name: locale.code,
+          name: locale_0.code,
           Label: label,
-          selected: selectedLocalesFromProps.includes(locale.code)
+          selected: selectedLocalesFromProps.includes(locale_0.code)
         };
       });
       setLocales(updatedLocales);
@@ -101,9 +97,9 @@ export const DefaultVersionView = ({
         current.delete('localeCodes');
       } else {
         const selectedLocaleCodes = [];
-        for (const locale_0 of args.selectedLocales) {
-          if (locale_0.selected) {
-            selectedLocaleCodes.push(locale_0.name);
+        for (const locale_1 of args.selectedLocales) {
+          if (locale_1.selected) {
+            selectedLocaleCodes.push(locale_1.name);
           }
         }
         current.set('localeCodes', JSON.stringify(selectedLocaleCodes));
@@ -155,9 +151,9 @@ export const DefaultVersionView = ({
   }) : undefined, [versionFromCreatedAt, i18n, t]);
   return /*#__PURE__*/_jsxs("main", {
     className: baseClass,
-    children: [/*#__PURE__*/_jsxs(Gutter, {
+    children: [/*#__PURE__*/_jsx(Gutter, {
       className: `${baseClass}-controls-top`,
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}-controls-top__wrapper`,
         children: [/*#__PURE__*/_jsx("h2", {
           children: i18n.t('version:compareVersions')
@@ -171,30 +167,12 @@ export const DefaultVersionView = ({
               label: i18n.t('version:modifiedOnly'),
               onToggle: onToggleModifiedOnly
             })
-          }), localization && /*#__PURE__*/_jsxs(Button, {
-            "aria-controls": `${baseClass}-locales`,
-            "aria-expanded": localeSelectorOpen,
-            buttonStyle: "pill",
-            className: `${baseClass}__toggle-locales`,
-            icon: /*#__PURE__*/_jsx(ChevronIcon, {
-              direction: localeSelectorOpen ? 'up' : 'down'
-            }),
-            onClick: () => setLocaleSelectorOpen(localeSelectorOpen_0 => !localeSelectorOpen_0),
-            size: "medium",
-            children: [/*#__PURE__*/_jsxs("span", {
-              className: `${baseClass}__toggle-locales-label`,
-              children: [t('general:locales'), ":", ' ']
-            }), /*#__PURE__*/_jsx("span", {
-              className: `${baseClass}__toggle-locales-list`,
-              children: locales.filter(locale_1 => locale_1.selected).map(locale_2 => locale_2.name).join(', ')
-            })]
+          }), localization && /*#__PURE__*/_jsx(SelectLocales, {
+            locales: locales,
+            onChange: onChangeSelectedLocales
           })]
         })]
-      }), localization && /*#__PURE__*/_jsx(SelectLocales, {
-        locales: locales,
-        localeSelectorOpen: localeSelectorOpen,
-        onChange: onChangeSelectedLocales
-      })]
+      })
     }), /*#__PURE__*/_jsx(Gutter, {
       className: `${baseClass}-controls-bottom`,
       children: /*#__PURE__*/_jsxs("div", {
@@ -253,7 +231,7 @@ export const DefaultVersionView = ({
       className: `${baseClass}__diff-wrap`,
       children: /*#__PURE__*/_jsx(SelectedLocalesContext, {
         value: {
-          selectedLocales: locales.map(locale_3 => locale_3.name)
+          selectedLocales: locales.map(locale_2 => locale_2.name)
         },
         children: versionToCreatedAt && RenderedDiff
       })