@payloadcms/next 3.20.0-canary.8eef7db → 3.20.0-canary.9f2bca1

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

@@ -1,12 +1,117 @@
+'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
-import { buildVersionFields } from './buildVersionFields.js';
-import { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js';
-export const RenderDiff = args => {
-  const {
-    versionFields
-  } = buildVersionFields(args);
-  return /*#__PURE__*/_jsx(RenderVersionFieldsToDiff, {
-    versionFields: versionFields
+import { fieldAffectsData, fieldIsID } from 'payload/shared';
+import React from 'react';
+import { diffMethods } from './fields/diffMethods.js';
+import Nested from './fields/Nested/index.js';
+const baseClass = 'render-field-diffs';
+const RenderFieldsToDiff = ({
+  comparison,
+  diffComponents: __diffComponents,
+  fieldPermissions,
+  fields,
+  i18n,
+  locales,
+  version
+}) => {
+  // typing it as `as typeof _diffComponents` here ensures the TField generics of DiffComponentProps are respected.
+  // Without it, you could pass a UI field to the Tabs component, without it erroring
+  const diffComponents = __diffComponents;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: fields?.map((field, i) => {
+      if (fieldIsID(field)) {
+        return null;
+      }
+      const Component = diffComponents[field.type];
+      const isRichText = field.type === 'richText';
+      const diffMethod = diffMethods[field.type] || 'CHARS';
+      if (Component) {
+        if (fieldAffectsData(field)) {
+          const fieldName = field.name;
+          const valueIsObject = field.type === 'code' || field.type === 'json';
+          const versionValue = valueIsObject ? JSON.stringify(version?.[fieldName]) : version?.[fieldName];
+          const comparisonValue = valueIsObject ? JSON.stringify(comparison?.[fieldName]) : comparison?.[fieldName];
+          const hasPermission = fieldPermissions === true || fieldPermissions?.[fieldName] === true || fieldPermissions?.[fieldName]?.read;
+          const subFieldPermissions = fieldPermissions === true || fieldPermissions?.[fieldName] === true || fieldPermissions?.[fieldName]?.fields;
+          if (!hasPermission) {
+            return null;
+          }
+          const baseCellProps = {
+            comparison: comparisonValue,
+            diffComponents,
+            diffMethod,
+            field,
+            fieldPermissions: subFieldPermissions,
+            fields: 'fields' in field ? field?.fields : fields,
+            i18n,
+            isRichText,
+            locales,
+            version: versionValue
+          };
+          if (field.localized) {
+            return /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__field`,
+              children: locales.map((locale, index) => {
+                const versionLocaleValue = versionValue?.[locale];
+                const comparisonLocaleValue = comparisonValue?.[locale];
+                const cellProps = {
+                  ...baseCellProps,
+                  comparison: comparisonLocaleValue,
+                  version: versionLocaleValue
+                };
+                return /*#__PURE__*/_jsx("div", {
+                  className: `${baseClass}__locale`,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: `${baseClass}__locale-value`,
+                    children: /*#__PURE__*/_jsx(Component, {
+                      ...cellProps,
+                      locale: locale
+                    })
+                  })
+                }, [locale, index].join('-'));
+              })
+            }, i);
+          }
+          return /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__field`,
+            children: /*#__PURE__*/_jsx(Component, {
+              ...baseCellProps
+            })
+          }, i);
+        }
+        if (field.type === 'tabs' && 'tabs' in field) {
+          const Tabs = diffComponents.tabs;
+          return /*#__PURE__*/_jsx(Tabs, {
+            comparison: comparison,
+            diffComponents: diffComponents,
+            field: field,
+            fieldPermissions: fieldPermissions,
+            fields: [],
+            i18n: i18n,
+            locales: locales,
+            version: version
+          }, i);
+        }
+        // At this point, we are dealing with a `row`, etc
+        if ('fields' in field) {
+          return /*#__PURE__*/_jsx(Nested, {
+            comparison: comparison,
+            diffComponents: diffComponents,
+            disableGutter: true,
+            field: field,
+            fieldPermissions: fieldPermissions,
+            fields: field.fields,
+            i18n: i18n,
+            locales: locales,
+            version: version
+          }, i);
+        }
+      }
+      return null;
+    })
   });
 };
+export default RenderFieldsToDiff;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","_jsx"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n  const { versionFields } = buildVersionFields(args)\n\n  return <RenderVersionFieldsToDiff versionFields={versionFields} />\n}\n"],"mappings":";AAAA,SAASA,kBAAkB,QAAqC;AAChE,SAASC,yBAAyB,QAAQ;AAE1C,OAAO,MAAMC,UAAA,GAAcC,IAAA;EACzB,MAAM;IAAEC;EAAa,CAAE,GAAGJ,kBAAA,CAAmBG,IAAA;EAE7C,oBAAOE,IAAA,CAACJ,yBAAA;IAA0BG,aAAA,EAAeA;;AACnD","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldAffectsData","fieldIsID","React","diffMethods","Nested","baseClass","RenderFieldsToDiff","comparison","diffComponents","__diffComponents","fieldPermissions","fields","i18n","locales","version","_jsx","className","map","field","i","Component","type","isRichText","diffMethod","fieldName","name","valueIsObject","versionValue","JSON","stringify","comparisonValue","hasPermission","read","subFieldPermissions","baseCellProps","localized","locale","index","versionLocaleValue","comparisonLocaleValue","cellProps","join","Tabs","tabs","disableGutter"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["'use client'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport { fieldAffectsData, fieldIsID } from 'payload/shared'\nimport React from 'react'\n\nimport type { diffComponents as _diffComponents } from './fields/index.js'\nimport type { FieldDiffProps, Props } from './types.js'\n\nimport { diffMethods } from './fields/diffMethods.js'\nimport Nested from './fields/Nested/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-field-diffs'\n\nconst RenderFieldsToDiff: React.FC<Props> = ({\n  comparison,\n  diffComponents: __diffComponents,\n  fieldPermissions,\n  fields,\n  i18n,\n  locales,\n  version,\n}) => {\n  // typing it as `as typeof _diffComponents` here ensures the TField generics of DiffComponentProps are respected.\n  // Without it, you could pass a UI field to the Tabs component, without it erroring\n  const diffComponents: typeof _diffComponents = __diffComponents as typeof _diffComponents\n\n  return (\n    <div className={baseClass}>\n      {fields?.map((field, i) => {\n        if (fieldIsID(field)) {\n          return null\n        }\n\n        const Component = diffComponents[field.type]\n\n        const isRichText = field.type === 'richText'\n        const diffMethod: DiffMethod = diffMethods[field.type] || 'CHARS'\n\n        if (Component) {\n          if (fieldAffectsData(field)) {\n            const fieldName = field.name\n            const valueIsObject = field.type === 'code' || field.type === 'json'\n\n            const versionValue = valueIsObject\n              ? JSON.stringify(version?.[fieldName])\n              : version?.[fieldName]\n\n            const comparisonValue = valueIsObject\n              ? JSON.stringify(comparison?.[fieldName])\n              : comparison?.[fieldName]\n\n            const hasPermission =\n              fieldPermissions === true ||\n              fieldPermissions?.[fieldName] === true ||\n              fieldPermissions?.[fieldName]?.read\n\n            const subFieldPermissions =\n              fieldPermissions === true ||\n              fieldPermissions?.[fieldName] === true ||\n              fieldPermissions?.[fieldName]?.fields\n\n            if (!hasPermission) {\n              return null\n            }\n\n            const baseCellProps: FieldDiffProps = {\n              comparison: comparisonValue,\n              diffComponents,\n              diffMethod,\n              field,\n              fieldPermissions: subFieldPermissions,\n              fields: 'fields' in field ? field?.fields : fields,\n              i18n,\n              isRichText,\n              locales,\n              version: versionValue,\n            }\n\n            if (field.localized) {\n              return (\n                <div className={`${baseClass}__field`} key={i}>\n                  {locales.map((locale, index) => {\n                    const versionLocaleValue = versionValue?.[locale]\n                    const comparisonLocaleValue = comparisonValue?.[locale]\n\n                    const cellProps = {\n                      ...baseCellProps,\n                      comparison: comparisonLocaleValue,\n                      version: versionLocaleValue,\n                    }\n\n                    return (\n                      <div className={`${baseClass}__locale`} key={[locale, index].join('-')}>\n                        <div className={`${baseClass}__locale-value`}>\n                          <Component {...cellProps} locale={locale} />\n                        </div>\n                      </div>\n                    )\n                  })}\n                </div>\n              )\n            }\n\n            return (\n              <div className={`${baseClass}__field`} key={i}>\n                <Component {...baseCellProps} />\n              </div>\n            )\n          }\n\n          if (field.type === 'tabs' && 'tabs' in field) {\n            const Tabs = diffComponents.tabs\n\n            return (\n              <Tabs\n                comparison={comparison}\n                diffComponents={diffComponents}\n                field={field}\n                fieldPermissions={fieldPermissions}\n                fields={[]}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                version={version}\n              />\n            )\n          }\n\n          // At this point, we are dealing with a `row`, etc\n          if ('fields' in field) {\n            return (\n              <Nested\n                comparison={comparison}\n                diffComponents={diffComponents}\n                disableGutter\n                field={field}\n                fieldPermissions={fieldPermissions}\n                fields={field.fields}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                version={version}\n              />\n            )\n          }\n        }\n\n        return null\n      })}\n    </div>\n  )\n}\n\nexport default RenderFieldsToDiff\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/types.d.ts

@@ -0,0 +1,21 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientField, SanitizedFieldPermissions } from 'payload';
+import type { DiffMethod } from 'react-diff-viewer-continued';
+import type { DiffComponents } from './fields/types.js';
+export type Props = {
+    readonly comparison: Record<string, any>;
+    readonly diffComponents: DiffComponents;
+    readonly fieldPermissions: {
+        [key: string]: SanitizedFieldPermissions;
+    } | true;
+    readonly fields: ClientField[];
+    readonly i18n: I18nClient;
+    readonly locales: string[];
+    readonly version: Record<string, any>;
+};
+export type FieldDiffProps = {
+    diffMethod: DiffMethod;
+    field: ClientField;
+    isRichText: boolean;
+} & Props;
+//# sourceMappingURL=types.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACxC,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAA;IACvC,QAAQ,CAAC,gBAAgB,EACrB;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAA;KACzC,GACD,IAAI,CAAA;IACR,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,WAAW,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;CACpB,GAAG,KAAK,CAAA"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/views/Version/RenderFieldsToDiff/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, SanitizedFieldPermissions } from 'payload'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport type { DiffComponents } from './fields/types.js'\n\nexport type Props = {\n  readonly comparison: Record<string, any>\n  readonly diffComponents: DiffComponents\n  readonly fieldPermissions:\n    | {\n        [key: string]: SanitizedFieldPermissions\n      }\n    | true\n  readonly fields: ClientField[]\n  readonly i18n: I18nClient\n  readonly locales: string[]\n  readonly version: Record<string, any>\n}\n\nexport type FieldDiffProps = {\n  diffMethod: DiffMethod\n  field: ClientField\n  isRichText: boolean\n} & Props\n"],"mappings":"AAoBA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmH5B,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiH5B,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -86,12 +86,12 @@ const Restore = ({
         className: [canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' '),
         onClick: () => toggleModal(modalSlug),
         size: "small",
-        SubMenuPopupContent: canRestoreAsDraft ? () => /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+        SubMenuPopupContent: () => canRestoreAsDraft && /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
           children: /*#__PURE__*/_jsx(PopupList.Button, {
             onClick: () => [setDraft(true), toggleModal(modalSlug)],
             children: t('version:restoreAsDraft')
           })
-        }) : null,
+        }),
         children: t('version:restoreThisVersion')
       })
     }), /*#__PURE__*/_jsx(Modal, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","Button","Modal","PopupList","useConfig","useModal","useTranslation","formatAdminURL","requests","useRouter","React","Fragment","useCallback","useState","toast","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","status","versionDate","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","collectionConfig","toggleModal","processing","setProcessing","router","i18n","t","draft","setDraft","restoreMessage","fetchURL","redirectURL","canRestoreAsDraft","versions","drafts","path","handleRestore","res","post","headers","language","json","success","message","push","error","_jsxs","_jsx","filter","Boolean","join","buttonStyle","onClick","size","SubMenuPopupContent","ButtonGroup","slug","undefined","type"],"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  ChevronIcon,\n  Modal,\n  Pill,\n  Popup,\n  PopupList,\n  useConfig,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL, requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport './index.scss'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\nconst Restore: React.FC<Props> = ({\n  className,\n  collectionSlug,\n  globalSlug,\n  label,\n  originalDocID,\n  status,\n  versionDate,\n  versionID,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { toggleModal } = useModal()\n  const [processing, setProcessing] = useState(false)\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const [draft, setDraft] = useState(false)\n\n  const restoreMessage = t('version:aboutToRestoreGlobal', {\n    label: getTranslation(label, i18n),\n    versionDate,\n  })\n\n  let fetchURL = `${serverURL}${apiRoute}`\n  let redirectURL: string\n\n  const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\n\n  if (collectionSlug) {\n    fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}?draft=${draft}`\n    redirectURL = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${originalDocID}`,\n    })\n  }\n\n  if (globalSlug) {\n    fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}?draft=${draft}`\n    redirectURL = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}`,\n    })\n  }\n\n  const handleRestore = useCallback(async () => {\n    setProcessing(true)\n\n    const res = await requests.post(fetchURL, {\n      headers: {\n        'Accept-Language': i18n.language,\n      },\n    })\n\n    if (res.status === 200) {\n      const json = await res.json()\n      toast.success(json.message)\n      router.push(redirectURL)\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [fetchURL, redirectURL, t, i18n, router])\n  return (\n    <Fragment>\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Button\n          buttonStyle=\"pill\"\n          className={[canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n          size=\"small\"\n          SubMenuPopupContent={\n            canRestoreAsDraft\n              ? () => (\n                  <PopupList.ButtonGroup>\n                    <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                      {t('version:restoreAsDraft')}\n                    </PopupList.Button>\n                  </PopupList.ButtonGroup>\n                )\n              : null\n          }\n        >\n          {t('version:restoreThisVersion')}\n        </Button>\n      </div>\n      <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n        <div className={`${baseClass}__wrapper`}>\n          <div className={`${baseClass}__content`}>\n            <h1>{t('version:confirmVersionRestoration')}</h1>\n            <p>{restoreMessage}</p>\n          </div>\n          <div className={`${baseClass}__controls`}>\n            <Button\n              buttonStyle=\"secondary\"\n              onClick={processing ? undefined : () => toggleModal(modalSlug)}\n              size=\"large\"\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button onClick={processing ? undefined : () => void handleRestore()}>\n              {processing ? t('version:restoring') : t('general:confirm')}\n            </Button>\n          </div>\n        </div>\n      </Modal>\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","Button","Modal","PopupList","useConfig","useModal","useTranslation","formatAdminURL","requests","useRouter","React","Fragment","useCallback","useState","toast","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","status","versionDate","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","collectionConfig","toggleModal","processing","setProcessing","router","i18n","t","draft","setDraft","restoreMessage","fetchURL","redirectURL","canRestoreAsDraft","versions","drafts","path","handleRestore","res","post","headers","language","json","success","message","push","error","_jsxs","_jsx","filter","Boolean","join","buttonStyle","onClick","size","SubMenuPopupContent","ButtonGroup","slug","undefined","type"],"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  ChevronIcon,\n  Modal,\n  Pill,\n  Popup,\n  PopupList,\n  useConfig,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL, requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport './index.scss'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\nconst Restore: React.FC<Props> = ({\n  className,\n  collectionSlug,\n  globalSlug,\n  label,\n  originalDocID,\n  status,\n  versionDate,\n  versionID,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { toggleModal } = useModal()\n  const [processing, setProcessing] = useState(false)\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const [draft, setDraft] = useState(false)\n\n  const restoreMessage = t('version:aboutToRestoreGlobal', {\n    label: getTranslation(label, i18n),\n    versionDate,\n  })\n\n  let fetchURL = `${serverURL}${apiRoute}`\n  let redirectURL: string\n\n  const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\n\n  if (collectionSlug) {\n    fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}?draft=${draft}`\n    redirectURL = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${originalDocID}`,\n    })\n  }\n\n  if (globalSlug) {\n    fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}?draft=${draft}`\n    redirectURL = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}`,\n    })\n  }\n\n  const handleRestore = useCallback(async () => {\n    setProcessing(true)\n\n    const res = await requests.post(fetchURL, {\n      headers: {\n        'Accept-Language': i18n.language,\n      },\n    })\n\n    if (res.status === 200) {\n      const json = await res.json()\n      toast.success(json.message)\n      router.push(redirectURL)\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [fetchURL, redirectURL, t, i18n, router])\n  return (\n    <Fragment>\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Button\n          buttonStyle=\"pill\"\n          className={[canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n          size=\"small\"\n          SubMenuPopupContent={() =>\n            canRestoreAsDraft && (\n              <PopupList.ButtonGroup>\n                <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                  {t('version:restoreAsDraft')}\n                </PopupList.Button>\n              </PopupList.ButtonGroup>\n            )\n          }\n        >\n          {t('version:restoreThisVersion')}\n        </Button>\n      </div>\n      <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n        <div className={`${baseClass}__wrapper`}>\n          <div className={`${baseClass}__content`}>\n            <h1>{t('version:confirmVersionRestoration')}</h1>\n            <p>{restoreMessage}</p>\n          </div>\n          <div className={`${baseClass}__controls`}>\n            <Button\n              buttonStyle=\"secondary\"\n              onClick={processing ? undefined : () => toggleModal(modalSlug)}\n              size=\"large\"\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button onClick={processing ? undefined : () => void handleRestore()}>\n              {processing ? t('version:restoring') : t('general:confirm')}\n            </Button>\n          </div>\n        </div>\n      </Modal>\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAQrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyL5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAQrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqL5C,CAAA"}

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

@@ -3,7 +3,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { fieldBaseClass, Pill, ReactSelect, useConfig, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
-import { stringify } from 'qs-esm';
+import * as qs from 'qs-esm';
 import React, { useCallback, useEffect, useState } from 'react';
 import { renderPill } from '../../Versions/cells/AutosaveCell/index.js';
 const baseClass = 'compare-version';
@@ -68,7 +68,7 @@ export const SelectComparison = props => {
         }
       });
     }
-    const search = stringify(query);
+    const search = qs.stringify(query);
     const response = await fetch(`${baseURL}?${search}`, {
       credentials: 'include',
       headers: {
@@ -134,14 +134,10 @@ export const SelectComparison = props => {
     }
   }, [dateFormat, baseURL, parentID, versionID, t, i18n, latestDraftVersion, latestPublishedVersion]);
   useEffect(() => {
-    if (!i18n.dateFNS) {
-      // If dateFNS is not loaded, we can't format the date in getResults
-      return;
-    }
     void getResults({
       lastLoadedPage: 1
     });
-  }, [getResults, i18n.dateFNS]);
+  }, [getResults]);
   const filteredOptions = options.filter((option, index, self) => self.findIndex(t_0 => t_0.value === option.value) === index);
   useEffect(() => {
     if (filteredOptions.length > 0 && !value) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldBaseClass","Pill","ReactSelect","useConfig","useTranslation","formatDate","stringify","React","useCallback","useEffect","useState","renderPill","baseClass","maxResultsPerRequest","baseOptions","SelectComparison","props","baseURL","draftsEnabled","latestDraftVersion","latestPublishedVersion","onChange","parentID","value","versionID","config","admin","dateFormat","localization","options","setOptions","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","i18n","t","loadedAllOptionsRef","useRef","getResults","lastLoadedPageArg","current","query","depth","limit","page","where","and","id","not_equals","push","parent","equals","snapshot","search","response","fetch","credentials","headers","language","ok","data","json","docs","length","versionInfo","draft","currentLabel","latestVersion","pillStyle","undefined","previousLabel","published","additionalOptions","map","doc","status","version","_status","publishedLocalePill","publishedLocale","locales","localeCode","Array","isArray","locale","find","loc","code","formattedLabel","label","_jsx","_jsxs","date","updatedAt","pattern","existingOptions","hasNextPage","dateFNS","filteredOptions","filter","option","index","self","findIndex","className","Boolean","join","isClearable","isSearchable","onMenuScrollToBottom","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PaginatedDocs, Where } from 'payload'\n\nimport { fieldBaseClass, Pill, ReactSelect, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { stringify } from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { renderPill } from '../../Versions/cells/AutosaveCell/index.js'\nimport './index.scss'\n\nconst baseClass = 'compare-version'\n\nconst maxResultsPerRequest = 10\n\nconst baseOptions = []\n\nexport const SelectComparison: React.FC<Props> = (props) => {\n  const {\n    baseURL,\n    draftsEnabled,\n    latestDraftVersion,\n    latestPublishedVersion,\n    onChange,\n    parentID,\n    value,\n    versionID,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n\n  const [options, setOptions] = useState<\n    {\n      label: React.ReactNode | string\n      value: string\n    }[]\n  >(baseOptions)\n  const [lastLoadedPage, setLastLoadedPage] = useState(1)\n  const [errorLoading, setErrorLoading] = useState('')\n  const { i18n, t } = useTranslation()\n  const loadedAllOptionsRef = React.useRef(false)\n\n  const getResults = useCallback(\n    async ({ lastLoadedPage: lastLoadedPageArg }) => {\n      if (loadedAllOptionsRef.current) {\n        return\n      }\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        limit: maxResultsPerRequest,\n        page: lastLoadedPageArg,\n        where: {\n          and: [\n            {\n              id: {\n                not_equals: versionID,\n              },\n            },\n          ],\n        },\n      }\n\n      if (parentID) {\n        query.where.and.push({\n          parent: {\n            equals: parentID,\n          },\n        })\n      }\n\n      if (localization && draftsEnabled) {\n        query.where.and.push({\n          snapshot: {\n            not_equals: true,\n          },\n        })\n      }\n\n      const search = stringify(query)\n\n      const response = await fetch(`${baseURL}?${search}`, {\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n        },\n      })\n\n      if (response.ok) {\n        const data: PaginatedDocs = await response.json()\n\n        if (data.docs.length > 0) {\n          const versionInfo = {\n            draft: {\n              currentLabel: t('version:currentDraft'),\n              latestVersion: latestDraftVersion,\n              pillStyle: undefined,\n              previousLabel: t('version:draft'),\n            },\n            published: {\n              currentLabel: t('version:currentPublishedVersion'),\n              latestVersion: latestPublishedVersion,\n              pillStyle: 'success',\n              previousLabel: t('version:previouslyPublished'),\n            },\n          }\n\n          const additionalOptions = data.docs.map((doc) => {\n            const status = doc.version._status\n            let publishedLocalePill = null\n            const publishedLocale = doc.publishedLocale || undefined\n            const { currentLabel, latestVersion, pillStyle, previousLabel } =\n              versionInfo[status] || {}\n\n            if (localization && localization?.locales && publishedLocale) {\n              const localeCode = Array.isArray(publishedLocale)\n                ? publishedLocale[0]\n                : publishedLocale\n\n              const locale = localization.locales.find((loc) => loc.code === localeCode)\n              const formattedLabel = locale?.label?.[i18n?.language] || locale?.label\n\n              if (formattedLabel) {\n                publishedLocalePill = <Pill>{formattedLabel}</Pill>\n              }\n            }\n\n            return {\n              label: (\n                <div>\n                  {formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })}\n                  &nbsp;&nbsp;\n                  {renderPill(doc, latestVersion, currentLabel, previousLabel, pillStyle)}\n                  {publishedLocalePill}\n                </div>\n              ),\n              value: doc.id,\n            }\n          })\n\n          setOptions((existingOptions) => [...existingOptions, ...additionalOptions])\n\n          if (!data.hasNextPage) {\n            loadedAllOptionsRef.current = true\n          }\n          setLastLoadedPage(data.page)\n        }\n      } else {\n        setErrorLoading(t('error:unspecific'))\n      }\n    },\n    [dateFormat, baseURL, parentID, versionID, t, i18n, latestDraftVersion, latestPublishedVersion],\n  )\n\n  useEffect(() => {\n    if (!i18n.dateFNS) {\n      // If dateFNS is not loaded, we can't format the date in getResults\n      return\n    }\n    void getResults({ lastLoadedPage: 1 })\n  }, [getResults, i18n.dateFNS])\n\n  const filteredOptions = options.filter(\n    (option, index, self) => self.findIndex((t) => t.value === option.value) === index,\n  )\n\n  useEffect(() => {\n    if (filteredOptions.length > 0 && !value) {\n      onChange(filteredOptions[0])\n    }\n  }, [filteredOptions, value, onChange])\n\n  return (\n    <div\n      className={[fieldBaseClass, baseClass, errorLoading && 'error-loading']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__label`}>{t('version:compareVersion')}</div>\n      {!errorLoading && (\n        <ReactSelect\n          isClearable={false}\n          isSearchable={false}\n          onChange={onChange}\n          onMenuScrollToBottom={() => {\n            void getResults({ lastLoadedPage: lastLoadedPage + 1 })\n          }}\n          options={filteredOptions}\n          placeholder={t('version:selectVersionToCompare')}\n          value={value}\n        />\n      )}\n      {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldBaseClass","Pill","ReactSelect","useConfig","useTranslation","formatDate","qs","React","useCallback","useEffect","useState","renderPill","baseClass","maxResultsPerRequest","baseOptions","SelectComparison","props","baseURL","draftsEnabled","latestDraftVersion","latestPublishedVersion","onChange","parentID","value","versionID","config","admin","dateFormat","localization","options","setOptions","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","i18n","t","loadedAllOptionsRef","useRef","getResults","lastLoadedPageArg","current","query","depth","limit","page","where","and","id","not_equals","push","parent","equals","snapshot","search","stringify","response","fetch","credentials","headers","language","ok","data","json","docs","length","versionInfo","draft","currentLabel","latestVersion","pillStyle","undefined","previousLabel","published","additionalOptions","map","doc","status","version","_status","publishedLocalePill","publishedLocale","locales","localeCode","Array","isArray","locale","find","loc","code","formattedLabel","label","_jsx","_jsxs","date","updatedAt","pattern","existingOptions","hasNextPage","filteredOptions","filter","option","index","self","findIndex","className","Boolean","join","isClearable","isSearchable","onMenuScrollToBottom","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PaginatedDocs, Where } from 'payload'\n\nimport { fieldBaseClass, Pill, ReactSelect, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { renderPill } from '../../Versions/cells/AutosaveCell/index.js'\nimport './index.scss'\n\nconst baseClass = 'compare-version'\n\nconst maxResultsPerRequest = 10\n\nconst baseOptions = []\n\nexport const SelectComparison: React.FC<Props> = (props) => {\n  const {\n    baseURL,\n    draftsEnabled,\n    latestDraftVersion,\n    latestPublishedVersion,\n    onChange,\n    parentID,\n    value,\n    versionID,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n\n  const [options, setOptions] = useState<\n    {\n      label: React.ReactNode | string\n      value: string\n    }[]\n  >(baseOptions)\n  const [lastLoadedPage, setLastLoadedPage] = useState(1)\n  const [errorLoading, setErrorLoading] = useState('')\n  const { i18n, t } = useTranslation()\n  const loadedAllOptionsRef = React.useRef(false)\n\n  const getResults = useCallback(\n    async ({ lastLoadedPage: lastLoadedPageArg }) => {\n      if (loadedAllOptionsRef.current) {\n        return\n      }\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        limit: maxResultsPerRequest,\n        page: lastLoadedPageArg,\n        where: {\n          and: [\n            {\n              id: {\n                not_equals: versionID,\n              },\n            },\n          ],\n        },\n      }\n\n      if (parentID) {\n        query.where.and.push({\n          parent: {\n            equals: parentID,\n          },\n        })\n      }\n\n      if (localization && draftsEnabled) {\n        query.where.and.push({\n          snapshot: {\n            not_equals: true,\n          },\n        })\n      }\n\n      const search = qs.stringify(query)\n\n      const response = await fetch(`${baseURL}?${search}`, {\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n        },\n      })\n\n      if (response.ok) {\n        const data: PaginatedDocs = await response.json()\n\n        if (data.docs.length > 0) {\n          const versionInfo = {\n            draft: {\n              currentLabel: t('version:currentDraft'),\n              latestVersion: latestDraftVersion,\n              pillStyle: undefined,\n              previousLabel: t('version:draft'),\n            },\n            published: {\n              currentLabel: t('version:currentPublishedVersion'),\n              latestVersion: latestPublishedVersion,\n              pillStyle: 'success',\n              previousLabel: t('version:previouslyPublished'),\n            },\n          }\n\n          const additionalOptions = data.docs.map((doc) => {\n            const status = doc.version._status\n            let publishedLocalePill = null\n            const publishedLocale = doc.publishedLocale || undefined\n            const { currentLabel, latestVersion, pillStyle, previousLabel } =\n              versionInfo[status] || {}\n\n            if (localization && localization?.locales && publishedLocale) {\n              const localeCode = Array.isArray(publishedLocale)\n                ? publishedLocale[0]\n                : publishedLocale\n\n              const locale = localization.locales.find((loc) => loc.code === localeCode)\n              const formattedLabel = locale?.label?.[i18n?.language] || locale?.label\n\n              if (formattedLabel) {\n                publishedLocalePill = <Pill>{formattedLabel}</Pill>\n              }\n            }\n\n            return {\n              label: (\n                <div>\n                  {formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })}\n                  &nbsp;&nbsp;\n                  {renderPill(doc, latestVersion, currentLabel, previousLabel, pillStyle)}\n                  {publishedLocalePill}\n                </div>\n              ),\n              value: doc.id,\n            }\n          })\n\n          setOptions((existingOptions) => [...existingOptions, ...additionalOptions])\n\n          if (!data.hasNextPage) {\n            loadedAllOptionsRef.current = true\n          }\n          setLastLoadedPage(data.page)\n        }\n      } else {\n        setErrorLoading(t('error:unspecific'))\n      }\n    },\n    [dateFormat, baseURL, parentID, versionID, t, i18n, latestDraftVersion, latestPublishedVersion],\n  )\n\n  useEffect(() => {\n    void getResults({ lastLoadedPage: 1 })\n  }, [getResults])\n\n  const filteredOptions = options.filter(\n    (option, index, self) => self.findIndex((t) => t.value === option.value) === index,\n  )\n\n  useEffect(() => {\n    if (filteredOptions.length > 0 && !value) {\n      onChange(filteredOptions[0])\n    }\n  }, [filteredOptions, value, onChange])\n\n  return (\n    <div\n      className={[fieldBaseClass, baseClass, errorLoading && 'error-loading']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__label`}>{t('version:compareVersion')}</div>\n      {!errorLoading && (\n        <ReactSelect\n          isClearable={false}\n          isSearchable={false}\n          onChange={onChange}\n          onMenuScrollToBottom={() => {\n            void getResults({ lastLoadedPage: lastLoadedPage + 1 })\n          }}\n          options={filteredOptions}\n          placeholder={t('version:selectVersionToCompare')}\n          value={value}\n        />\n      )}\n      {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Version/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,2BAA2B,EAG5B,MAAM,SAAS,CAAA;AAYhB,eAAO,MAAM,WAAW,EAAE,2BAA2B,CAAC,iBAAiB,CAyOtE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Version/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,2BAA2B,EAG5B,MAAM,SAAS,CAAA;AAQhB,eAAO,MAAM,WAAW,EAAE,2BAA2B,CAAC,iBAAiB,CAsItE,CAAA"}

package/dist/views/Version/index.js

@@ -1,18 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig';
-import { getClientSchemaMap } from '@payloadcms/ui/utilities/getClientSchemaMap';
-import { getSchemaMap } from '@payloadcms/ui/utilities/getSchemaMap';
 import { notFound } from 'next/navigation.js';
 import React from 'react';
 import { getLatestVersion } from '../Versions/getLatestVersion.js';
 import { DefaultVersionView } from './Default/index.js';
-import { RenderDiff } from './RenderFieldsToDiff/index.js';
 export const VersionView = async props => {
   const {
-    i18n,
     initPageResult,
-    routeSegments,
-    searchParams
+    routeSegments
   } = props;
   const {
     collectionConfig,
@@ -31,8 +25,6 @@ export const VersionView = async props => {
   const versionID = routeSegments[routeSegments.length - 1];
   const collectionSlug = collectionConfig?.slug;
   const globalSlug = globalConfig?.slug;
-  const localeCodesFromParams = searchParams.localeCodes ? JSON.parse(searchParams.localeCodes) : null;
-  const comparisonVersionIDFromParams = searchParams.compareValue;
   const {
     localization
   } = config;
@@ -49,8 +41,8 @@ export const VersionView = async props => {
       doc = await payload.findVersionByID({
         id: versionID,
         collection: slug,
-        depth: 0,
-        locale: 'all',
+        depth: 1,
+        locale: '*',
         overrideAccess: false,
         req,
         user
@@ -59,21 +51,15 @@ export const VersionView = async props => {
         latestDraftVersion = await getLatestVersion({
           slug,
           type: 'collection',
-          locale: 'all',
-          overrideAccess: false,
           parentID: id,
           payload,
-          req,
           status: 'draft'
         });
         latestPublishedVersion = await getLatestVersion({
           slug,
           type: 'collection',
-          locale: 'all',
-          overrideAccess: false,
           parentID: id,
           payload,
-          req,
           status: 'published'
         });
       }
@@ -89,8 +75,8 @@ export const VersionView = async props => {
       doc = await payload.findGlobalVersionByID({
         id: versionID,
         slug,
-        depth: 0,
-        locale: 'all',
+        depth: 1,
+        locale: '*',
         overrideAccess: false,
         req,
         user
@@ -99,19 +85,13 @@ export const VersionView = async props => {
         latestDraftVersion = await getLatestVersion({
           slug,
           type: 'global',
-          locale: 'all',
-          overrideAccess: false,
           payload,
-          req,
           status: 'draft'
         });
         latestPublishedVersion = await getLatestVersion({
           slug,
           type: 'global',
-          locale: 'all',
-          overrideAccess: false,
           payload,
-          req,
           status: 'published'
         });
       }
@@ -126,106 +106,24 @@ export const VersionView = async props => {
       updatedAt: ''
     };
   }
-  const selectedLocales = [];
-  if (localization) {
-    if (localeCodesFromParams) {
-      for (const code of localeCodesFromParams) {
-        const locale = localization.locales.find(locale => locale.code === code);
-        if (locale) {
-          selectedLocales.push({
-            label: locale.label,
-            value: locale.code
-          });
-        }
-      }
-    } else {
-      for (const {
-        code,
-        label
-      } of localization.locales) {
-        selectedLocales.push({
-          label,
-          value: code
-        });
-      }
-    }
-  }
+  const localeOptions = localization && localization.locales.map(({
+    code,
+    label
+  }) => ({
+    label,
+    value: code
+  }));
   const latestVersion = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt ? latestPublishedVersion : latestDraftVersion;
   if (!doc) {
     return notFound();
   }
-  /**
-  * The doc to compare this version to is either the latest version, or a specific version if specified in the URL.
-  * This specific version is added to the URL when a user selects a version to compare to.
-  */
-  let comparisonDoc = null;
-  if (comparisonVersionIDFromParams) {
-    if (collectionSlug) {
-      comparisonDoc = await payload.findVersionByID({
-        id: comparisonVersionIDFromParams,
-        collection: collectionSlug,
-        depth: 0,
-        locale: 'all',
-        overrideAccess: false,
-        req
-      });
-    } else {
-      comparisonDoc = await payload.findGlobalVersionByID({
-        id: comparisonVersionIDFromParams,
-        slug: globalSlug,
-        depth: 0,
-        locale: 'all',
-        overrideAccess: false,
-        req
-      });
-    }
-  } else {
-    comparisonDoc = latestVersion;
-  }
-  const schemaMap = getSchemaMap({
-    collectionSlug,
-    config,
-    globalSlug,
-    i18n
-  });
-  const clientSchemaMap = getClientSchemaMap({
-    collectionSlug,
-    config: getClientConfig({
-      config: payload.config,
-      i18n,
-      importMap: payload.importMap
-    }),
-    globalSlug,
-    i18n,
-    payload,
-    schemaMap
-  });
-  const RenderedDiff = RenderDiff({
-    clientSchemaMap,
-    comparisonSiblingData: comparisonDoc?.version,
-    customDiffComponents: {},
-    entitySlug: collectionSlug || globalSlug,
-    fieldPermissions: docPermissions?.fields,
-    fields: (collectionConfig || globalConfig)?.fields,
-    i18n,
-    parentIndexPath: '',
-    parentPath: '',
-    parentSchemaPath: '',
-    req,
-    selectedLocales: selectedLocales && selectedLocales.map(locale => locale.value),
-    versionSiblingData: globalConfig ? {
-      ...doc?.version,
-      createdAt: doc?.version?.createdAt || doc.createdAt,
-      updatedAt: doc?.version?.updatedAt || doc.updatedAt
-    } : doc?.version
-  });
   return /*#__PURE__*/_jsx(DefaultVersionView, {
-    canUpdate: docPermissions?.update,
     doc: doc,
+    docPermissions: docPermissions,
+    initialComparisonDoc: latestVersion,
     latestDraftVersion: latestDraftVersion?.id,
     latestPublishedVersion: latestPublishedVersion?.id,
-    RenderedDiff: RenderedDiff,
-    selectedLocales: selectedLocales,
+    localeOptions: localeOptions,
     versionID: versionID
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getClientConfig","getClientSchemaMap","getSchemaMap","notFound","React","getLatestVersion","DefaultVersionView","RenderDiff","VersionView","props","i18n","initPageResult","routeSegments","searchParams","collectionConfig","docID","id","globalConfig","permissions","req","payload","config","user","versionID","length","collectionSlug","slug","globalSlug","localeCodesFromParams","localeCodes","JSON","parse","comparisonVersionIDFromParams","compareValue","localization","docPermissions","doc","latestPublishedVersion","latestDraftVersion","collections","findVersionByID","collection","depth","locale","overrideAccess","versions","drafts","type","parentID","status","error","globals","findGlobalVersionByID","publishedNewerThanDraft","updatedAt","selectedLocales","code","locales","find","push","label","value","latestVersion","comparisonDoc","schemaMap","clientSchemaMap","importMap","RenderedDiff","comparisonSiblingData","version","customDiffComponents","entitySlug","fieldPermissions","fields","parentIndexPath","parentPath","parentSchemaPath","map","versionSiblingData","createdAt","_jsx","canUpdate","update"],"sources":["../../../src/views/Version/index.tsx"],"sourcesContent":["import type {\n  Document,\n  EditViewComponent,\n  OptionObject,\n  PayloadServerReactComponent,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig'\nimport { getClientSchemaMap } from '@payloadcms/ui/utilities/getClientSchemaMap'\nimport { getSchemaMap } from '@payloadcms/ui/utilities/getSchemaMap'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { getLatestVersion } from '../Versions/getLatestVersion.js'\nimport { DefaultVersionView } from './Default/index.js'\nimport { RenderDiff } from './RenderFieldsToDiff/index.js'\n\nexport const VersionView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { i18n, initPageResult, routeSegments, searchParams } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    permissions,\n    req,\n    req: { payload, payload: { config } = {}, user } = {},\n  } = initPageResult\n\n  const versionID = routeSegments[routeSegments.length - 1]\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const localeCodesFromParams = searchParams.localeCodes\n    ? JSON.parse(searchParams.localeCodes as string)\n    : null\n  const comparisonVersionIDFromParams: string = searchParams.compareValue as string\n\n  const { localization } = config\n\n  let docPermissions: SanitizedCollectionPermission | SanitizedGlobalPermission\n  let slug: string\n\n  let doc: Document\n  let latestPublishedVersion = null\n  let latestDraftVersion = null\n\n  if (collectionSlug) {\n    // /collections/:slug/:id/versions/:versionID\n    slug = collectionSlug\n    docPermissions = permissions.collections[collectionSlug]\n\n    try {\n      doc = await payload.findVersionByID({\n        id: versionID,\n        collection: slug,\n        depth: 0,\n        locale: 'all',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (collectionConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug,\n          type: 'collection',\n          locale: 'all',\n          overrideAccess: false,\n          parentID: id,\n          payload,\n          req,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug,\n          type: 'collection',\n          locale: 'all',\n          overrideAccess: false,\n          parentID: id,\n          payload,\n          req,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  if (globalSlug) {\n    // /globals/:slug/versions/:versionID\n    slug = globalSlug\n    docPermissions = permissions.globals[globalSlug]\n\n    try {\n      doc = await payload.findGlobalVersionByID({\n        id: versionID,\n        slug,\n        depth: 0,\n        locale: 'all',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (globalConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug,\n          type: 'global',\n          locale: 'all',\n          overrideAccess: false,\n          payload,\n          req,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug,\n          type: 'global',\n          locale: 'all',\n          overrideAccess: false,\n          payload,\n          req,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (publishedNewerThanDraft) {\n    latestDraftVersion = {\n      id: '',\n      updatedAt: '',\n    }\n  }\n\n  const selectedLocales: OptionObject[] = []\n  if (localization) {\n    if (localeCodesFromParams) {\n      for (const code of localeCodesFromParams) {\n        const locale = localization.locales.find((locale) => locale.code === code)\n        if (locale) {\n          selectedLocales.push({\n            label: locale.label,\n            value: locale.code,\n          })\n        }\n      }\n    } else {\n      for (const { code, label } of localization.locales) {\n        selectedLocales.push({\n          label,\n          value: code,\n        })\n      }\n    }\n  }\n\n  const latestVersion =\n    latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n      ? latestPublishedVersion\n      : latestDraftVersion\n\n  if (!doc) {\n    return notFound()\n  }\n\n  /**\n   * The doc to compare this version to is either the latest version, or a specific version if specified in the URL.\n   * This specific version is added to the URL when a user selects a version to compare to.\n   */\n  let comparisonDoc = null\n  if (comparisonVersionIDFromParams) {\n    if (collectionSlug) {\n      comparisonDoc = await payload.findVersionByID({\n        id: comparisonVersionIDFromParams,\n        collection: collectionSlug,\n        depth: 0,\n        locale: 'all',\n        overrideAccess: false,\n        req,\n      })\n    } else {\n      comparisonDoc = await payload.findGlobalVersionByID({\n        id: comparisonVersionIDFromParams,\n        slug: globalSlug,\n        depth: 0,\n        locale: 'all',\n        overrideAccess: false,\n        req,\n      })\n    }\n  } else {\n    comparisonDoc = latestVersion\n  }\n\n  const schemaMap = getSchemaMap({\n    collectionSlug,\n    config,\n    globalSlug,\n    i18n,\n  })\n\n  const clientSchemaMap = getClientSchemaMap({\n    collectionSlug,\n    config: getClientConfig({ config: payload.config, i18n, importMap: payload.importMap }),\n    globalSlug,\n    i18n,\n    payload,\n    schemaMap,\n  })\n\n  const RenderedDiff = RenderDiff({\n    clientSchemaMap,\n    comparisonSiblingData: comparisonDoc?.version,\n    customDiffComponents: {},\n    entitySlug: collectionSlug || globalSlug,\n    fieldPermissions: docPermissions?.fields,\n    fields: (collectionConfig || globalConfig)?.fields,\n    i18n,\n    parentIndexPath: '',\n    parentPath: '',\n    parentSchemaPath: '',\n    req,\n    selectedLocales: selectedLocales && selectedLocales.map((locale) => locale.value),\n    versionSiblingData: globalConfig\n      ? {\n          ...doc?.version,\n          createdAt: doc?.version?.createdAt || doc.createdAt,\n          updatedAt: doc?.version?.updatedAt || doc.updatedAt,\n        }\n      : doc?.version,\n  })\n\n  return (\n    <DefaultVersionView\n      canUpdate={docPermissions?.update}\n      doc={doc}\n      latestDraftVersion={latestDraftVersion?.id}\n      latestPublishedVersion={latestPublishedVersion?.id}\n      RenderedDiff={RenderedDiff}\n      selectedLocales={selectedLocales}\n      versionID={versionID}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["notFound","React","getLatestVersion","DefaultVersionView","VersionView","props","initPageResult","routeSegments","collectionConfig","docID","id","globalConfig","permissions","req","payload","config","user","versionID","length","collectionSlug","slug","globalSlug","localization","docPermissions","doc","latestPublishedVersion","latestDraftVersion","collections","findVersionByID","collection","depth","locale","overrideAccess","versions","drafts","type","parentID","status","error","globals","findGlobalVersionByID","publishedNewerThanDraft","updatedAt","localeOptions","locales","map","code","label","value","latestVersion","_jsx","initialComparisonDoc"],"sources":["../../../src/views/Version/index.tsx"],"sourcesContent":["import type {\n  Document,\n  EditViewComponent,\n  OptionObject,\n  PayloadServerReactComponent,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { getLatestVersion } from '../Versions/getLatestVersion.js'\nimport { DefaultVersionView } from './Default/index.js'\n\nexport const VersionView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult, routeSegments } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    permissions,\n    req,\n    req: { payload, payload: { config } = {}, user } = {},\n  } = initPageResult\n\n  const versionID = routeSegments[routeSegments.length - 1]\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const { localization } = config\n\n  let docPermissions: SanitizedCollectionPermission | SanitizedGlobalPermission\n  let slug: string\n\n  let doc: Document\n  let latestPublishedVersion = null\n  let latestDraftVersion = null\n\n  if (collectionSlug) {\n    // /collections/:slug/:id/versions/:versionID\n    slug = collectionSlug\n    docPermissions = permissions.collections[collectionSlug]\n\n    try {\n      doc = await payload.findVersionByID({\n        id: versionID,\n        collection: slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (collectionConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug,\n          type: 'collection',\n          parentID: id,\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug,\n          type: 'collection',\n          parentID: id,\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  if (globalSlug) {\n    // /globals/:slug/versions/:versionID\n    slug = globalSlug\n    docPermissions = permissions.globals[globalSlug]\n\n    try {\n      doc = await payload.findGlobalVersionByID({\n        id: versionID,\n        slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (globalConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug,\n          type: 'global',\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug,\n          type: 'global',\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (publishedNewerThanDraft) {\n    latestDraftVersion = {\n      id: '',\n      updatedAt: '',\n    }\n  }\n\n  const localeOptions: OptionObject[] =\n    localization &&\n    localization.locales.map(({ code, label }) => ({\n      label,\n      value: code,\n    }))\n\n  const latestVersion =\n    latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n      ? latestPublishedVersion\n      : latestDraftVersion\n\n  if (!doc) {\n    return notFound()\n  }\n\n  return (\n    <DefaultVersionView\n      doc={doc}\n      docPermissions={docPermissions}\n      initialComparisonDoc={latestVersion}\n      latestDraftVersion={latestDraftVersion?.id}\n      latestPublishedVersion={latestPublishedVersion?.id}\n      localeOptions={localeOptions}\n      versionID={versionID}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}