@payloadcms/ui 4.0.0-internal.a0ef1b8 → 4.0.0-internal.bc5cf8c

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>;
 //# 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,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,8BAqD1F"}

package/dist/views/Verify/index.js

@@ -3,8 +3,8 @@ 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,
@@ -29,10 +29,8 @@ export async function Verify({
   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`,
@@ -66,8 +58,10 @@ export async function Verify({
         server: req.server,
         user: user
       })
-    }), /*#__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","collectionSlug","verify","token","segments","locale","permissions","req","i18n","payload","config","user","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({ 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  } = 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={user}\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;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;EAAE,CAC9B,GAAGJ,MAAA;EAEJ,IAAIK,UAAA,GAAa;EAEjB,IAAI;IACF,MAAMR,GAAA,CAAIE,OAAO,CAACO,WAAW,CAAC;MAC5BC,UAAA,EAAYhB,cAAA;MACZE;IACF;IAEAY,UAAA,GAAa;EACf,EAAE,MAAM;IACN;EAAA;EAGF,MAAMG,UAAA,GAAa1B,cAAA,CAAe;IAAEsB,UAAA;IAAYK,IAAA,EAAM;EAAS;EAE/D,oBACEC,KAAA,CAAC3B,KAAA,CAAM4B,QAAQ;4BACbC,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAG3B,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;QACdwB,MAAA,EAAQjB,GAAA,CAAIiB,MAAM;QAClBb,IAAA,EAAMA;;QAGTI,UAAA,gBACCO,IAAA,CAAC3B,YAAA;MAAauB,UAAA,EAAYA;sBAE1BI,IAAA,CAAC;gBAAIf,GAAA,CAAIkB,CAAC,CAAC;;;AAInB","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 {
@@ -39,7 +39,7 @@
 
   .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 */
@@ -138,7 +138,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);
@@ -190,12 +190,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,CAkOjE,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';
@@ -46,7 +44,6 @@ export const DefaultVersionView = ({
     t
   } = useTranslation();
   const [locales, setLocales] = useState([]);
-  const [localeSelectorOpen, setLocaleSelectorOpen] = React.useState(false);
   useEffect(() => {
     if (config.localization) {
       const updatedLocales = config.localization.locales.map(locale => {
@@ -155,9 +152,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 +168,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 +232,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_1 => locale_1.name)
         },
         children: versionToCreatedAt && RenderedDiff
       })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","Button","Gutter","CheckboxInput","ChevronIcon","useConfig","useDocumentInfo","useLocale","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatTimeToNow","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","canUpdate","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesFromProps","versionFromCreatedAt","versionFromID","versionFromOptions","versionToCreatedAt","versionToCreatedAtFormatted","VersionToCreatedAtLabel","versionToID","versionToStatus","config","getEntityConfig","code","i18n","t","locales","setLocales","localeSelectorOpen","setLocaleSelectorOpen","localization","updatedLocales","map","locale","label","name","Label","selected","includes","id","originalDocID","collectionSlug","globalSlug","isTrashed","startRouteTransition","collectionConfig","globalConfig","router","pathname","searchParams","setModifiedOnly","updateSearchParams","args","current","URLSearchParams","Array","from","entries","set","length","delete","selectedLocaleCodes","push","JSON","stringify","search","toString","query","onToggleModifiedOnly","event","newModified","target","checked","onChangeSelectedLocales","onChangeVersionFrom","val","value","versionToTimeAgo","distance","date","versionFromTimeAgo","undefined","_jsxs","className","_jsx","onToggle","buttonStyle","icon","direction","onClick","size","filter","join","onChange","docID","labels","singular","status","versionDateFormatted","versionID"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { type FormEventHandler, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Restore } from '../Restore/index.js'\nimport './index.css'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { type SelectedLocaleOnChange, SelectLocales } from '../SelectLocales/index.js'\nimport { SelectedLocalesContext } from './SelectedLocalesContext.js'\nimport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  canUpdate,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesFromProps,\n  versionFromCreatedAt,\n  versionFromID,\n  versionFromOptions,\n  versionToCreatedAt,\n  versionToCreatedAtFormatted,\n  VersionToCreatedAtLabel,\n  versionToID,\n  versionToStatus,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const [locales, setLocales] = useState<SelectablePill[]>([])\n  const [localeSelectorOpen, setLocaleSelectorOpen] = React.useState(false)\n\n  useEffect(() => {\n    if (config.localization) {\n      const updatedLocales = config.localization.locales.map((locale) => {\n        let label = locale.label\n        if (typeof locale.label !== 'string' && locale.label[code]) {\n          label = locale.label[code]\n        }\n\n        return {\n          name: locale.code,\n          Label: label,\n          selected: selectedLocalesFromProps.includes(locale.code),\n        } as SelectablePill\n      })\n      setLocales(updatedLocales)\n    }\n  }, [code, config.localization, selectedLocalesFromProps])\n\n  const { id: originalDocID, collectionSlug, globalSlug, isTrashed } = useDocumentInfo()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { collectionConfig, globalConfig } = useMemo(() => {\n    return {\n      collectionConfig: getEntityConfig({ collectionSlug }),\n      globalConfig: getEntityConfig({ globalSlug }),\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp)\n\n  const updateSearchParams = useCallback(\n    (args: {\n      modifiedOnly?: boolean\n      selectedLocales?: SelectablePill[]\n      versionFromID?: string\n    }) => {\n      // If the selected comparison doc or locales change, update URL params so that version page\n      // This is so that RSC can update the version comparison state\n      const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n      if (args?.versionFromID) {\n        current.set('versionFrom', args?.versionFromID)\n      }\n\n      if (args?.selectedLocales) {\n        if (!args.selectedLocales.length) {\n          current.delete('localeCodes')\n        } else {\n          const selectedLocaleCodes: string[] = []\n          for (const locale of args.selectedLocales) {\n            if (locale.selected) {\n              selectedLocaleCodes.push(locale.name)\n            }\n          }\n          current.set('localeCodes', JSON.stringify(selectedLocaleCodes))\n        }\n      }\n\n      if (args?.modifiedOnly === false) {\n        current.set('modifiedOnly', 'false')\n      } else if (args?.modifiedOnly === true) {\n        current.delete('modifiedOnly')\n      }\n\n      const search = current.toString()\n      const query = search ? `?${search}` : ''\n\n      startRouteTransition(() => router.push(`${pathname}${query}`))\n    },\n    [pathname, router, searchParams, startRouteTransition],\n  )\n\n  const onToggleModifiedOnly: FormEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      const newModified = (event.target as HTMLInputElement).checked\n      setModifiedOnly(newModified)\n      updateSearchParams({\n        modifiedOnly: newModified,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeSelectedLocales: SelectedLocaleOnChange = useCallback(\n    ({ locales }) => {\n      setLocales(locales)\n      updateSearchParams({\n        selectedLocales: locales,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeVersionFrom: (val: CompareOption) => void = useCallback(\n    (val) => {\n      updateSearchParams({\n        versionFromID: val.value,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const { localization } = config\n\n  const versionToTimeAgo = useMemo(\n    () =>\n      t('version:versionAgo', {\n        distance: formatTimeToNow({\n          date: versionToCreatedAt,\n          i18n,\n        }),\n      }),\n    [versionToCreatedAt, i18n, t],\n  )\n\n  const versionFromTimeAgo = useMemo(\n    () =>\n      versionFromCreatedAt\n        ? t('version:versionAgo', {\n            distance: formatTimeToNow({\n              date: versionFromCreatedAt,\n              i18n,\n            }),\n          })\n        : undefined,\n    [versionFromCreatedAt, i18n, t],\n  )\n\n  return (\n    <main className={baseClass}>\n      <Gutter className={`${baseClass}-controls-top`}>\n        <div className={`${baseClass}-controls-top__wrapper`}>\n          <h2>{i18n.t('version:compareVersions')}</h2>\n          <div className={`${baseClass}-controls-top__wrapper-actions`}>\n            <span className={`${baseClass}__modifiedCheckBox`}>\n              <CheckboxInput\n                checked={modifiedOnly}\n                id={'modifiedOnly'}\n                label={i18n.t('version:modifiedOnly')}\n                onToggle={onToggleModifiedOnly}\n              />\n            </span>\n            {localization && (\n              <Button\n                aria-controls={`${baseClass}-locales`}\n                aria-expanded={localeSelectorOpen}\n                buttonStyle=\"pill\"\n                className={`${baseClass}__toggle-locales`}\n                icon={<ChevronIcon direction={localeSelectorOpen ? 'up' : 'down'} />}\n                onClick={() => setLocaleSelectorOpen((localeSelectorOpen) => !localeSelectorOpen)}\n                size=\"medium\"\n              >\n                <span className={`${baseClass}__toggle-locales-label`}>\n                  {t('general:locales')}:{' '}\n                </span>\n                <span className={`${baseClass}__toggle-locales-list`}>\n                  {locales\n                    .filter((locale) => locale.selected)\n                    .map((locale) => locale.name)\n                    .join(', ')}\n                </span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {localization && (\n          <SelectLocales\n            locales={locales}\n            localeSelectorOpen={localeSelectorOpen}\n            onChange={onChangeSelectedLocales}\n          />\n        )}\n      </Gutter>\n      <Gutter className={`${baseClass}-controls-bottom`}>\n        <div className={`${baseClass}-controls-bottom__wrapper`}>\n          <div className={`${baseClass}__version-from`}>\n            <div className={`${baseClass}__version-from-labels`}>\n              <span>{t('version:comparingAgainst')}</span>\n              {versionFromTimeAgo && (\n                <span className={`${baseClass}__time-elapsed`}>{versionFromTimeAgo}</span>\n              )}\n            </div>\n            <SelectComparison\n              collectionSlug={collectionSlug}\n              docID={originalDocID}\n              globalSlug={globalSlug}\n              onChange={onChangeVersionFrom}\n              versionFromID={versionFromID}\n              versionFromOptions={versionFromOptions}\n            />\n          </div>\n\n          <div className={`${baseClass}__version-to`}>\n            <div className={`${baseClass}__version-to-labels`}>\n              <span>{t('version:currentlyViewing')}</span>\n              <span className={`${baseClass}__time-elapsed`}>{versionToTimeAgo}</span>\n            </div>\n            <div className={`${baseClass}__version-to-version`}>\n              {VersionToCreatedAtLabel}\n              {canUpdate && !isTrashed && (\n                <Restore\n                  className={`${baseClass}__restore`}\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  label={collectionConfig?.labels.singular || globalConfig?.label}\n                  originalDocID={originalDocID}\n                  status={versionToStatus}\n                  versionDateFormatted={versionToCreatedAtFormatted}\n                  versionID={versionToID}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </Gutter>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        globalConfig={globalConfig}\n        id={originalDocID}\n        isTrashed={isTrashed}\n        versionToCreatedAtFormatted={versionToCreatedAtFormatted}\n        versionToID={versionToID}\n      />\n      <Gutter className={`${baseClass}__diff-wrap`}>\n        <SelectedLocalesContext value={{ selectedLocales: locales.map((locale) => locale.name) }}>\n          {versionToCreatedAt && RenderedDiff}\n        </SelectedLocalesContext>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAAgCC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAKxF,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,QAAQ;AACxD,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,OAAO,QAAQ;AACxB,OAAO;AACP,SAASC,gBAAgB,QAAQ;AACjC,SAAsCC,aAAa,QAAQ;AAC3D,SAASC,sBAAsB,QAAQ;AACvC,SAASC,UAAU,QAAQ;AAE3B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAAyDA,CAAC;EACrEC,SAAS;EACTC,YAAA,EAAcC,gBAAgB;EAC9BC,YAAY;EACZC,eAAA,EAAiBC,wBAAwB;EACzCC,oBAAoB;EACpBC,aAAa;EACbC,kBAAkB;EAClBC,kBAAkB;EAClBC,2BAA2B;EAC3BC,uBAAuB;EACvBC,WAAW;EACXC;AAAe,CAChB;EACC,MAAM;IAAEC,MAAM;IAAEC;EAAe,CAAE,GAAG/B,SAAA;EACpC,MAAM;IAAEgC;EAAI,CAAE,GAAG9B,SAAA;EACjB,MAAM;IAAE+B,IAAI;IAAEC;EAAC,CAAE,GAAG3B,cAAA;EAEpB,MAAM,CAAC4B,OAAA,EAASC,UAAA,CAAW,GAAGzC,QAAA,CAA2B,EAAE;EAC3D,MAAM,CAAC0C,kBAAA,EAAoBC,qBAAA,CAAsB,GAAG/C,KAAA,CAAMI,QAAQ,CAAC;EAEnEF,SAAA,CAAU;IACR,IAAIqC,MAAA,CAAOS,YAAY,EAAE;MACvB,MAAMC,cAAA,GAAiBV,MAAA,CAAOS,YAAY,CAACJ,OAAO,CAACM,GAAG,CAAEC,MAAA;QACtD,IAAIC,KAAA,GAAQD,MAAA,CAAOC,KAAK;QACxB,IAAI,OAAOD,MAAA,CAAOC,KAAK,KAAK,YAAYD,MAAA,CAAOC,KAAK,CAACX,IAAA,CAAK,EAAE;UAC1DW,KAAA,GAAQD,MAAA,CAAOC,KAAK,CAACX,IAAA,CAAK;QAC5B;QAEA,OAAO;UACLY,IAAA,EAAMF,MAAA,CAAOV,IAAI;UACjBa,KAAA,EAAOF,KAAA;UACPG,QAAA,EAAUzB,wBAAA,CAAyB0B,QAAQ,CAACL,MAAA,CAAOV,IAAI;QACzD;MACF;MACAI,UAAA,CAAWI,cAAA;IACb;EACF,GAAG,CAACR,IAAA,EAAMF,MAAA,CAAOS,YAAY,EAAElB,wBAAA,CAAyB;EAExD,MAAM;IAAE2B,EAAA,EAAIC,aAAa;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAS,CAAE,GAAGnD,eAAA;EACrE,MAAM;IAAEoD;EAAoB,CAAE,GAAG/C,kBAAA;EAEjC,MAAM;IAAEgD,gBAAgB;IAAEC;EAAY,CAAE,GAAG7D,OAAA,CAAQ;IACjD,OAAO;MACL4D,gBAAA,EAAkBvB,eAAA,CAAgB;QAAEmB;MAAe;MACnDK,YAAA,EAAcxB,eAAA,CAAgB;QAAEoB;MAAW;IAC7C;EACF,GAAG,CAACD,cAAA,EAAgBC,UAAA,EAAYpB,eAAA,CAAgB;EAEhD,MAAMyB,MAAA,GAASpD,SAAA;EACf,MAAMqD,QAAA,GAAWtD,WAAA;EACjB,MAAMuD,YAAA,GAAerD,eAAA;EACrB,MAAM,CAACY,YAAA,EAAc0C,eAAA,CAAgB,GAAGhE,QAAA,CAASuB,gBAAA;EAEjD,MAAM0C,kBAAA,GAAqBpE,WAAA,CACxBqE,IAAA;IAKC;IACA;IACA,MAAMC,OAAA,GAAU,IAAIC,eAAA,CAAgBC,KAAA,CAAMC,IAAI,CAACP,YAAA,CAAaQ,OAAO;IAEnE,IAAIL,IAAA,EAAMtC,aAAA,EAAe;MACvBuC,OAAA,CAAQK,GAAG,CAAC,eAAeN,IAAA,EAAMtC,aAAA;IACnC;IAEA,IAAIsC,IAAA,EAAMzC,eAAA,EAAiB;MACzB,IAAI,CAACyC,IAAA,CAAKzC,eAAe,CAACgD,MAAM,EAAE;QAChCN,OAAA,CAAQO,MAAM,CAAC;MACjB,OAAO;QACL,MAAMC,mBAAA,GAAgC,EAAE;QACxC,KAAK,MAAM5B,QAAA,IAAUmB,IAAA,CAAKzC,eAAe,EAAE;UACzC,IAAIsB,QAAA,CAAOI,QAAQ,EAAE;YACnBwB,mBAAA,CAAoBC,IAAI,CAAC7B,QAAA,CAAOE,IAAI;UACtC;QACF;QACAkB,OAAA,CAAQK,GAAG,CAAC,eAAeK,IAAA,CAAKC,SAAS,CAACH,mBAAA;MAC5C;IACF;IAEA,IAAIT,IAAA,EAAM5C,YAAA,KAAiB,OAAO;MAChC6C,OAAA,CAAQK,GAAG,CAAC,gBAAgB;IAC9B,OAAO,IAAIN,IAAA,EAAM5C,YAAA,KAAiB,MAAM;MACtC6C,OAAA,CAAQO,MAAM,CAAC;IACjB;IAEA,MAAMK,MAAA,GAASZ,OAAA,CAAQa,QAAQ;IAC/B,MAAMC,KAAA,GAAQF,MAAA,GAAS,IAAIA,MAAA,EAAQ,GAAG;IAEtCrB,oBAAA,CAAqB,MAAMG,MAAA,CAAOe,IAAI,CAAC,GAAGd,QAAA,GAAWmB,KAAA,EAAO;EAC9D,GACA,CAACnB,QAAA,EAAUD,MAAA,EAAQE,YAAA,EAAcL,oBAAA,CAAqB;EAGxD,MAAMwB,oBAAA,GAA2DrF,WAAA,CAC9DsF,KAAA;IACC,MAAMC,WAAA,GAAcD,KAAC,CAAME,MAAM,CAAsBC,OAAO;IAC9DtB,eAAA,CAAgBoB,WAAA;IAChBnB,kBAAA,CAAmB;MACjB3C,YAAA,EAAc8D;IAChB;EACF,GACA,CAACnB,kBAAA,CAAmB;EAGtB,MAAMsB,uBAAA,GAAkD1F,WAAA,CACtD,CAAC;IAAE2C,OAAO,EAAPA;EAAO,CAAE;IACVC,UAAA,CAAWD,SAAA;IACXyB,kBAAA,CAAmB;MACjBxC,eAAA,EAAiBe;IACnB;EACF,GACA,CAACyB,kBAAA,CAAmB;EAGtB,MAAMuB,mBAAA,GAAoD3F,WAAA,CACvD4F,GAAA;IACCxB,kBAAA,CAAmB;MACjBrC,aAAA,EAAe6D,GAAA,CAAIC;IACrB;EACF,GACA,CAACzB,kBAAA,CAAmB;EAGtB,MAAM;IAAErB;EAAY,CAAE,GAAGT,MAAA;EAEzB,MAAMwD,gBAAA,GAAmB5F,OAAA,CACvB,MACEwC,CAAA,CAAE,sBAAsB;IACtBqD,QAAA,EAAU/E,eAAA,CAAgB;MACxBgF,IAAA,EAAM/D,kBAAA;MACNQ;IACF;EACF,IACF,CAACR,kBAAA,EAAoBQ,IAAA,EAAMC,CAAA,CAAE;EAG/B,MAAMuD,kBAAA,GAAqB/F,OAAA,CACzB,MACE4B,oBAAA,GACIY,CAAA,CAAE,sBAAsB;IACtBqD,QAAA,EAAU/E,eAAA,CAAgB;MACxBgF,IAAA,EAAMlE,oBAAA;MACNW;IACF;EACF,KACAyD,SAAA,EACN,CAACpE,oBAAA,EAAsBW,IAAA,EAAMC,CAAA,CAAE;EAGjC,oBACEyD,KAAA,CAAC;IAAKC,SAAA,EAAW9E,SAAA;4BACf6E,KAAA,CAAC9F,MAAA;MAAO+F,SAAA,EAAW,GAAG9E,SAAA,eAAwB;8BAC5C6E,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAG9E,SAAA,wBAAiC;gCAClD+E,IAAA,CAAC;oBAAI5D,IAAA,CAAKC,CAAC,CAAC;yBACZyD,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAG9E,SAAA,gCAAyC;kCAC1D+E,IAAA,CAAC;YAAKD,SAAA,EAAW,GAAG9E,SAAA,oBAA6B;sBAC/C,aAAA+E,IAAA,CAAC/F,aAAA;cACCmF,OAAA,EAAShE,YAAA;cACT+B,EAAA,EAAI;cACJL,KAAA,EAAOV,IAAA,CAAKC,CAAC,CAAC;cACd4D,QAAA,EAAUjB;;cAGbtC,YAAA,iBACCoD,KAAA,CAAC/F,MAAA;YACC,iBAAe,GAAGkB,SAAA,UAAmB;YACrC,iBAAeuB,kBAAA;YACf0D,WAAA,EAAY;YACZH,SAAA,EAAW,GAAG9E,SAAA,kBAA2B;YACzCkF,IAAA,eAAMH,IAAA,CAAC9F,WAAA;cAAYkG,SAAA,EAAW5D,kBAAA,GAAqB,OAAO;;YAC1D6D,OAAA,EAASA,CAAA,KAAM5D,qBAAA,CAAuBD,oBAAA,IAAuB,CAACA,oBAAA;YAC9D8D,IAAA,EAAK;oCAELR,KAAA,CAAC;cAAKC,SAAA,EAAW,GAAG9E,SAAA,wBAAiC;yBAClDoB,CAAA,CAAE,oBAAmB,KAAE;6BAE1B2D,IAAA,CAAC;cAAKD,SAAA,EAAW,GAAG9E,SAAA,uBAAgC;wBACjDqB,OAAA,CACEiE,MAAM,CAAE1D,QAAA,IAAWA,QAAA,CAAOI,QAAQ,EAClCL,GAAG,CAAEC,QAAA,IAAWA,QAAA,CAAOE,IAAI,EAC3ByD,IAAI,CAAC;;;;UAOjB9D,YAAA,iBACCsD,IAAA,CAAClF,aAAA;QACCwB,OAAA,EAASA,OAAA;QACTE,kBAAA,EAAoBA,kBAAA;QACpBiE,QAAA,EAAUpB;;qBAIhBW,IAAA,CAAChG,MAAA;MAAO+F,SAAA,EAAW,GAAG9E,SAAA,kBAA2B;gBAC/C,aAAA6E,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAG9E,SAAA,2BAAoC;gCACrD6E,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAG9E,SAAA,gBAAyB;kCAC1C6E,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAG9E,SAAA,uBAAgC;oCACjD+E,IAAA,CAAC;wBAAM3D,CAAA,CAAE;gBACRuD,kBAAA,iBACCI,IAAA,CAAC;cAAKD,SAAA,EAAW,GAAG9E,SAAA,gBAAyB;wBAAG2E;;2BAGpDI,IAAA,CAACnF,gBAAA;YACCwC,cAAA,EAAgBA,cAAA;YAChBqD,KAAA,EAAOtD,aAAA;YACPE,UAAA,EAAYA,UAAA;YACZmD,QAAA,EAAUnB,mBAAA;YACV5D,aAAA,EAAeA,aAAA;YACfC,kBAAA,EAAoBA;;yBAIxBmE,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAG9E,SAAA,cAAuB;kCACxC6E,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAG9E,SAAA,qBAA8B;oCAC/C+E,IAAA,CAAC;wBAAM3D,CAAA,CAAE;6BACT2D,IAAA,CAAC;cAAKD,SAAA,EAAW,GAAG9E,SAAA,gBAAyB;wBAAGwE;;2BAElDK,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAG9E,SAAA,sBAA+B;uBAC/Ca,uBAAA,EACAX,SAAA,IAAa,CAACoC,SAAA,iBACbyC,IAAA,CAACpF,OAAA;cACCmF,SAAA,EAAW,GAAG9E,SAAA,WAAoB;cAClCwC,gBAAA,EAAkBA,gBAAA;cAClBC,YAAA,EAAcA,YAAA;cACdZ,KAAA,EAAOW,gBAAA,EAAkBkD,MAAA,CAAOC,QAAA,IAAYlD,YAAA,EAAcZ,KAAA;cAC1DM,aAAA,EAAeA,aAAA;cACfyD,MAAA,EAAQ7E,eAAA;cACR8E,oBAAA,EAAsBjF,2BAAA;cACtBkF,SAAA,EAAWhF;;;;;qBAOvBiE,IAAA,CAAChF,UAAA;MACCyC,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdP,EAAA,EAAIC,aAAA;MACJG,SAAA,EAAWA,SAAA;MACX1B,2BAAA,EAA6BA,2BAAA;MAC7BE,WAAA,EAAaA;qBAEfiE,IAAA,CAAChG,MAAA;MAAO+F,SAAA,EAAW,GAAG9E,SAAA,aAAsB;gBAC1C,aAAA+E,IAAA,CAACjF,sBAAA;QAAuByE,KAAA,EAAO;UAAEjE,eAAA,EAAiBe,OAAA,CAAQM,GAAG,CAAEC,QAAA,IAAWA,QAAA,CAAOE,IAAI;QAAE;kBACpFnB,kBAAA,IAAsBN;;;;AAKjC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","Gutter","CheckboxInput","useConfig","useDocumentInfo","useLocale","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatTimeToNow","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","canUpdate","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesFromProps","versionFromCreatedAt","versionFromID","versionFromOptions","versionToCreatedAt","versionToCreatedAtFormatted","VersionToCreatedAtLabel","versionToID","versionToStatus","config","getEntityConfig","code","i18n","t","locales","setLocales","localization","updatedLocales","map","locale","label","name","Label","selected","includes","id","originalDocID","collectionSlug","globalSlug","isTrashed","startRouteTransition","collectionConfig","globalConfig","router","pathname","searchParams","setModifiedOnly","updateSearchParams","args","current","URLSearchParams","Array","from","entries","set","length","delete","selectedLocaleCodes","push","JSON","stringify","search","toString","query","onToggleModifiedOnly","event","newModified","target","checked","onChangeSelectedLocales","onChangeVersionFrom","val","value","versionToTimeAgo","distance","date","versionFromTimeAgo","undefined","_jsxs","className","_jsx","onToggle","onChange","docID","labels","singular","status","versionDateFormatted","versionID"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { type FormEventHandler, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Restore } from '../Restore/index.js'\nimport './index.css'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { type SelectedLocaleOnChange, SelectLocales } from '../SelectLocales/index.js'\nimport { SelectedLocalesContext } from './SelectedLocalesContext.js'\nimport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  canUpdate,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesFromProps,\n  versionFromCreatedAt,\n  versionFromID,\n  versionFromOptions,\n  versionToCreatedAt,\n  versionToCreatedAtFormatted,\n  VersionToCreatedAtLabel,\n  versionToID,\n  versionToStatus,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const [locales, setLocales] = useState<SelectablePill[]>([])\n\n  useEffect(() => {\n    if (config.localization) {\n      const updatedLocales = config.localization.locales.map((locale) => {\n        let label = locale.label\n        if (typeof locale.label !== 'string' && locale.label[code]) {\n          label = locale.label[code]\n        }\n\n        return {\n          name: locale.code,\n          Label: label,\n          selected: selectedLocalesFromProps.includes(locale.code),\n        } as SelectablePill\n      })\n      setLocales(updatedLocales)\n    }\n  }, [code, config.localization, selectedLocalesFromProps])\n\n  const { id: originalDocID, collectionSlug, globalSlug, isTrashed } = useDocumentInfo()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { collectionConfig, globalConfig } = useMemo(() => {\n    return {\n      collectionConfig: getEntityConfig({ collectionSlug }),\n      globalConfig: getEntityConfig({ globalSlug }),\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp)\n\n  const updateSearchParams = useCallback(\n    (args: {\n      modifiedOnly?: boolean\n      selectedLocales?: SelectablePill[]\n      versionFromID?: string\n    }) => {\n      // If the selected comparison doc or locales change, update URL params so that version page\n      // This is so that RSC can update the version comparison state\n      const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n      if (args?.versionFromID) {\n        current.set('versionFrom', args?.versionFromID)\n      }\n\n      if (args?.selectedLocales) {\n        if (!args.selectedLocales.length) {\n          current.delete('localeCodes')\n        } else {\n          const selectedLocaleCodes: string[] = []\n          for (const locale of args.selectedLocales) {\n            if (locale.selected) {\n              selectedLocaleCodes.push(locale.name)\n            }\n          }\n          current.set('localeCodes', JSON.stringify(selectedLocaleCodes))\n        }\n      }\n\n      if (args?.modifiedOnly === false) {\n        current.set('modifiedOnly', 'false')\n      } else if (args?.modifiedOnly === true) {\n        current.delete('modifiedOnly')\n      }\n\n      const search = current.toString()\n      const query = search ? `?${search}` : ''\n\n      startRouteTransition(() => router.push(`${pathname}${query}`))\n    },\n    [pathname, router, searchParams, startRouteTransition],\n  )\n\n  const onToggleModifiedOnly: FormEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      const newModified = (event.target as HTMLInputElement).checked\n      setModifiedOnly(newModified)\n      updateSearchParams({\n        modifiedOnly: newModified,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeSelectedLocales: SelectedLocaleOnChange = useCallback(\n    ({ locales }) => {\n      setLocales(locales)\n      updateSearchParams({\n        selectedLocales: locales,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeVersionFrom: (val: CompareOption) => void = useCallback(\n    (val) => {\n      updateSearchParams({\n        versionFromID: val.value,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const { localization } = config\n\n  const versionToTimeAgo = useMemo(\n    () =>\n      t('version:versionAgo', {\n        distance: formatTimeToNow({\n          date: versionToCreatedAt,\n          i18n,\n        }),\n      }),\n    [versionToCreatedAt, i18n, t],\n  )\n\n  const versionFromTimeAgo = useMemo(\n    () =>\n      versionFromCreatedAt\n        ? t('version:versionAgo', {\n            distance: formatTimeToNow({\n              date: versionFromCreatedAt,\n              i18n,\n            }),\n          })\n        : undefined,\n    [versionFromCreatedAt, i18n, t],\n  )\n\n  return (\n    <main className={baseClass}>\n      <Gutter className={`${baseClass}-controls-top`}>\n        <div className={`${baseClass}-controls-top__wrapper`}>\n          <h2>{i18n.t('version:compareVersions')}</h2>\n          <div className={`${baseClass}-controls-top__wrapper-actions`}>\n            <span className={`${baseClass}__modifiedCheckBox`}>\n              <CheckboxInput\n                checked={modifiedOnly}\n                id={'modifiedOnly'}\n                label={i18n.t('version:modifiedOnly')}\n                onToggle={onToggleModifiedOnly}\n              />\n            </span>\n            {localization && <SelectLocales locales={locales} onChange={onChangeSelectedLocales} />}\n          </div>\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}-controls-bottom`}>\n        <div className={`${baseClass}-controls-bottom__wrapper`}>\n          <div className={`${baseClass}__version-from`}>\n            <div className={`${baseClass}__version-from-labels`}>\n              <span>{t('version:comparingAgainst')}</span>\n              {versionFromTimeAgo && (\n                <span className={`${baseClass}__time-elapsed`}>{versionFromTimeAgo}</span>\n              )}\n            </div>\n            <SelectComparison\n              collectionSlug={collectionSlug}\n              docID={originalDocID}\n              globalSlug={globalSlug}\n              onChange={onChangeVersionFrom}\n              versionFromID={versionFromID}\n              versionFromOptions={versionFromOptions}\n            />\n          </div>\n\n          <div className={`${baseClass}__version-to`}>\n            <div className={`${baseClass}__version-to-labels`}>\n              <span>{t('version:currentlyViewing')}</span>\n              <span className={`${baseClass}__time-elapsed`}>{versionToTimeAgo}</span>\n            </div>\n            <div className={`${baseClass}__version-to-version`}>\n              {VersionToCreatedAtLabel}\n              {canUpdate && !isTrashed && (\n                <Restore\n                  className={`${baseClass}__restore`}\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  label={collectionConfig?.labels.singular || globalConfig?.label}\n                  originalDocID={originalDocID}\n                  status={versionToStatus}\n                  versionDateFormatted={versionToCreatedAtFormatted}\n                  versionID={versionToID}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </Gutter>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        globalConfig={globalConfig}\n        id={originalDocID}\n        isTrashed={isTrashed}\n        versionToCreatedAtFormatted={versionToCreatedAtFormatted}\n        versionToID={versionToID}\n      />\n      <Gutter className={`${baseClass}__diff-wrap`}>\n        <SelectedLocalesContext value={{ selectedLocales: locales.map((locale) => locale.name) }}>\n          {versionToCreatedAt && RenderedDiff}\n        </SelectedLocalesContext>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.js

@@ -340,13 +340,13 @@ const buildVersionField = ({
       const fromRow = Array.isArray(valueFrom) && valueFrom?.[i] || {};
       const toRow = Array.isArray(valueTo) && valueTo?.[i] || {};
       const blockSlugToMatch = toRow?.blockType ?? fromRow?.blockType;
-      const toBlock = req.payload.blocks[blockSlugToMatch] ?? (field.blockReferences ?? field.blocks).find(block => typeof block !== 'string' && block.slug === blockSlugToMatch);
+      const toBlock = req.payload.blocks[blockSlugToMatch] ?? field.blocks.find(block => typeof block !== 'string' && block.slug === blockSlugToMatch);
       let fields = [];
       if (toRow.blockType === fromRow.blockType) {
         fields = toBlock.fields;
       } else {
         const fromBlockSlugToMatch = fromRow?.blockType ?? toRow?.blockType;
-        const fromBlock = req.payload.blocks[fromBlockSlugToMatch] ?? (field.blockReferences ?? field.blocks).find(block => typeof block !== 'string' && block.slug === fromBlockSlugToMatch);
+        const fromBlock = req.payload.blocks[fromBlockSlugToMatch] ?? field.blocks.find(block => typeof block !== 'string' && block.slug === fromBlockSlugToMatch);
         if (fromBlock) {
           fields = getUniqueListBy([...toBlock.fields, ...fromBlock.fields], 'name');
         } else {