@payloadcms/next 3.35.0-internal.b3d367c → 3.35.0

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

@@ -1,371 +1,166 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckboxInput, ChevronIcon, Gutter, Pill, useConfig, useDocumentInfo, useLocale, useRouteTransition, useTranslation } from '@payloadcms/ui';
+import { CheckboxInput, Gutter, useConfig, useDocumentInfo, useRouteTransition, useTranslation } from '@payloadcms/ui';
+import { formatDate } from '@payloadcms/ui/shared';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import Restore from '../Restore/index.js';
 import { SelectComparison } from '../SelectComparison/index.js';
 import { SelectLocales } from '../SelectLocales/index.js';
 import { SelectedLocalesContext } from './SelectedLocalesContext.js';
 import { SetStepNav } from './SetStepNav.js';
 const baseClass = 'view-version';
-export const DefaultVersionView = t0 => {
-  const $ = _c(68);
-  const {
-    canUpdate,
-    latestDraftVersionID,
-    latestPublishedVersionID,
-    modifiedOnly: modifiedOnlyProp,
-    RenderedDiff,
-    selectedLocales: selectedLocalesFromProps,
-    versionFromPill,
-    versionTo,
-    versionToCreatedAt,
-    VersionToCreatedAtLabel
-  } = t0;
+export const DefaultVersionView = ({
+  canUpdate,
+  doc,
+  latestDraftVersion,
+  latestPublishedVersion,
+  modifiedOnly: modifiedOnlyProp,
+  RenderedDiff,
+  selectedLocales: selectedLocalesProp,
+  versionID
+}) => {
   const {
     config,
     getEntityConfig
   } = useConfig();
+  const availableLocales = useMemo(() => config.localization ? config.localization.locales.map(locale => ({
+    label: locale.label,
+    value: locale.code
+  })) : [], [config.localization]);
   const {
-    code
-  } = useLocale();
-  const {
-    i18n,
-    t
+    i18n
   } = useTranslation();
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = [];
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const [locales, setLocales] = useState(t1);
-  const [localeSelectorOpen, setLocaleSelectorOpen] = React.useState(false);
-  let t2;
-  let t3;
-  if ($[1] !== code || $[2] !== config.localization || $[3] !== selectedLocalesFromProps) {
-    t2 = () => {
-      if (config.localization) {
-        const updatedLocales = config.localization.locales.map(locale => {
-          let label = locale.label;
-          if (typeof locale.label !== "string" && locale.label[code]) {
-            label = locale.label[code];
-          }
-          return {
-            name: locale.code,
-            Label: label,
-            selected: selectedLocalesFromProps.includes(locale.code)
-          };
-        });
-        setLocales(updatedLocales);
-      }
-    };
-    t3 = [code, config.localization, selectedLocalesFromProps];
-    $[1] = code;
-    $[2] = config.localization;
-    $[3] = selectedLocalesFromProps;
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    t2 = $[4];
-    t3 = $[5];
-  }
-  useEffect(t2, t3);
   const {
-    id: originalDocID,
+    id,
     collectionSlug,
     globalSlug
   } = useDocumentInfo();
   const {
     startRouteTransition
   } = useRouteTransition();
-  let t4;
-  if ($[6] !== collectionSlug || $[7] !== getEntityConfig) {
-    t4 = () => getEntityConfig({
-      collectionSlug
-    });
-    $[6] = collectionSlug;
-    $[7] = getEntityConfig;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  const [collectionConfig] = useState(t4);
-  let t5;
-  if ($[9] !== getEntityConfig || $[10] !== globalSlug) {
-    t5 = () => getEntityConfig({
-      globalSlug
-    });
-    $[9] = getEntityConfig;
-    $[10] = globalSlug;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  const [globalConfig] = useState(t5);
+  const [collectionConfig] = useState(() => getEntityConfig({
+    collectionSlug
+  }));
+  const [globalConfig] = useState(() => getEntityConfig({
+    globalSlug
+  }));
+  const [selectedLocales, setSelectedLocales] = useState(selectedLocalesProp);
+  const [compareValue, setCompareValue] = useState();
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
   const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp);
-  let t6;
-  if ($[12] !== pathname || $[13] !== router || $[14] !== searchParams || $[15] !== startRouteTransition) {
-    t6 = args => {
-      const current = new URLSearchParams(Array.from(searchParams.entries()));
-      if (args?.versionFromID) {
-        current.set("versionFrom", args?.versionFromID);
-      }
-      if (args?.selectedLocales) {
-        if (!args.selectedLocales.length) {
-          current.delete("localeCodes");
-        } else {
-          const selectedLocaleCodes = [];
-          for (const locale_0 of args.selectedLocales) {
-            if (locale_0.selected) {
-              selectedLocaleCodes.push(locale_0.name);
-            }
-          }
-          current.set("localeCodes", JSON.stringify(selectedLocaleCodes));
-        }
-      }
-      if (args?.modifiedOnly === false) {
-        current.set("modifiedOnly", "false");
-      } else {
-        if (args?.modifiedOnly === true) {
-          current.delete("modifiedOnly");
-        }
-      }
-      const search = current.toString();
-      const query = search ? `?${search}` : "";
-      startRouteTransition(() => router.push(`${pathname}${query}`));
-    };
-    $[12] = pathname;
-    $[13] = router;
-    $[14] = searchParams;
-    $[15] = startRouteTransition;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  const updateSearchParams = t6;
-  let t7;
-  if ($[17] !== updateSearchParams) {
-    t7 = event => {
-      const newModified = event.target.checked;
-      setModifiedOnly(newModified);
-      updateSearchParams({
-        modifiedOnly: newModified
-      });
-    };
-    $[17] = updateSearchParams;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  const onToggleModifiedOnly = t7;
-  let t8;
-  if ($[19] !== updateSearchParams) {
-    t8 = t9 => {
-      const {
-        locales: locales_0
-      } = t9;
-      setLocales(locales_0);
-      updateSearchParams({
-        selectedLocales: locales_0
-      });
-    };
-    $[19] = updateSearchParams;
-    $[20] = t8;
-  } else {
-    t8 = $[20];
+  function onToggleModifiedOnly() {
+    setModifiedOnly(!modifiedOnly);
   }
-  const onChangeSelectedLocales = t8;
-  let t9;
-  if ($[21] !== updateSearchParams) {
-    t9 = val => {
-      updateSearchParams({
-        versionFromID: val.value
-      });
-    };
-    $[21] = updateSearchParams;
-    $[22] = t9;
-  } else {
-    t9 = $[22];
-  }
-  const onChangeVersionFrom = t9;
-  const {
-    localization,
-    routes: t10,
-    serverURL
-  } = config;
-  const {
-    api: apiRoute
-  } = t10;
-  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? "globals/" : ""}${collectionSlug || globalSlug}/versions`;
-  const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts);
-  let t11;
-  if ($[23] !== RenderedDiff || $[24] !== VersionToCreatedAtLabel || $[25] !== canUpdate || $[26] !== collectionConfig || $[27] !== collectionSlug || $[28] !== compareBaseURL || $[29] !== draftsEnabled || $[30] !== globalConfig || $[31] !== globalSlug || $[32] !== i18n || $[33] !== latestDraftVersionID || $[34] !== latestPublishedVersionID || $[35] !== localeSelectorOpen || $[36] !== locales || $[37] !== localization || $[38] !== modifiedOnly || $[39] !== onChangeSelectedLocales || $[40] !== onChangeVersionFrom || $[41] !== onToggleModifiedOnly || $[42] !== originalDocID || $[43] !== t || $[44] !== versionFromPill.Label || $[45] !== versionFromPill.id || $[46] !== versionTo || $[47] !== versionToCreatedAt) {
-    let t12;
-    if ($[49] !== localeSelectorOpen || $[50] !== localization || $[51] !== t) {
-      t12 = localization && _jsx(Pill, {
-        "aria-controls": `${baseClass}-locales`,
-        "aria-expanded": localeSelectorOpen,
-        className: `${baseClass}__toggle-locales`,
-        icon: _jsx(ChevronIcon, {
-          direction: localeSelectorOpen ? "up" : "down"
-        }),
-        onClick: () => setLocaleSelectorOpen(_temp),
-        pillStyle: "light",
-        children: t("general:locales")
-      });
-      $[49] = localeSelectorOpen;
-      $[50] = localization;
-      $[51] = t;
-      $[52] = t12;
+  useEffect(() => {
+    // If the selected comparison doc or locales change, update URL params so that version page
+    // This is so that RSC can update the version comparison state
+    const current = new URLSearchParams(Array.from(searchParams.entries()));
+    if (!compareValue) {
+      current.delete('compareValue');
     } else {
-      t12 = $[52];
+      current.set('compareValue', compareValue?.value);
     }
-    let t13;
-    if ($[53] !== localeSelectorOpen || $[54] !== locales || $[55] !== localization || $[56] !== onChangeSelectedLocales) {
-      t13 = localization && _jsx(SelectLocales, {
-        locales,
-        localeSelectorOpen,
-        onChange: onChangeSelectedLocales
-      });
-      $[53] = localeSelectorOpen;
-      $[54] = locales;
-      $[55] = localization;
-      $[56] = onChangeSelectedLocales;
-      $[57] = t13;
+    if (!selectedLocales) {
+      current.delete('localeCodes');
     } else {
-      t13 = $[57];
+      current.set('localeCodes', JSON.stringify(selectedLocales.map(locale_0 => locale_0.value)));
     }
-    let t14;
-    if ($[58] !== canUpdate || $[59] !== collectionConfig?.labels || $[60] !== collectionSlug || $[61] !== globalConfig?.label || $[62] !== globalSlug || $[63] !== originalDocID || $[64] !== versionTo.id || $[65] !== versionTo.version?._status || $[66] !== versionToCreatedAt) {
-      t14 = canUpdate && _jsx(Restore, {
-        className: `${baseClass}__restore`,
-        collectionSlug,
-        globalSlug,
-        label: collectionConfig?.labels.singular || globalConfig?.label,
-        originalDocID,
-        status: versionTo?.version?._status,
-        versionDate: versionToCreatedAt,
-        versionID: versionTo?.id
-      });
-      $[58] = canUpdate;
-      $[59] = collectionConfig?.labels;
-      $[60] = collectionSlug;
-      $[61] = globalConfig?.label;
-      $[62] = globalSlug;
-      $[63] = originalDocID;
-      $[64] = versionTo.id;
-      $[65] = versionTo.version?._status;
-      $[66] = versionToCreatedAt;
-      $[67] = t14;
+    if (modifiedOnly === false) {
+      current.set('modifiedOnly', 'false');
     } else {
-      t14 = $[67];
+      current.delete('modifiedOnly');
     }
-    t11 = _jsxs("main", {
-      className: baseClass,
-      children: [_jsxs(Gutter, {
-        className: `${baseClass}-controls-top`,
-        children: [_jsxs("div", {
-          className: `${baseClass}-controls-top__wrapper`,
-          children: [_jsx("h2", {
-            children: i18n.t("version:compareVersions")
-          }), _jsxs("div", {
-            className: `${baseClass}-controls-top__wrapper-actions`,
-            children: [_jsx("span", {
-              className: `${baseClass}__modifiedCheckBox`,
-              children: _jsx(CheckboxInput, {
-                checked: modifiedOnly,
-                id: "modifiedOnly",
-                label: i18n.t("version:modifiedOnly"),
-                onToggle: onToggleModifiedOnly
-              })
-            }), t12]
-          })]
-        }), t13]
-      }), _jsx(Gutter, {
-        className: `${baseClass}-controls-bottom`,
-        children: _jsxs("div", {
-          className: `${baseClass}-controls-bottom__wrapper`,
-          children: [_jsx("div", {
-            className: `${baseClass}-controls-bottom__version-from`,
-            children: _jsx(SelectComparison, {
-              baseURL: compareBaseURL,
-              draftsEnabled,
-              latestDraftVersionID,
-              latestPublishedVersionID,
-              onChange: onChangeVersionFrom,
-              parentID: originalDocID,
-              versionFromOption: {
-                label: versionFromPill.Label,
-                value: versionFromPill.id
-              },
-              versionToID: versionTo.id
+    const search = current.toString();
+    const query = search ? `?${search}` : '';
+    // TODO: this transition occurs multiple times during the initial rendering phases, need to evaluate
+    startRouteTransition(() => router.push(`${pathname}${query}`));
+  }, [compareValue, pathname, router, searchParams, selectedLocales, modifiedOnly, startRouteTransition]);
+  const {
+    admin: {
+      dateFormat
+    },
+    localization,
+    routes: {
+      api: apiRoute
+    },
+    serverURL
+  } = config;
+  const versionCreatedAt = doc?.updatedAt ? formatDate({
+    date: doc.updatedAt,
+    i18n,
+    pattern: dateFormat
+  }) : '';
+  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}/versions`;
+  const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts);
+  return /*#__PURE__*/_jsxs("main", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx(SetStepNav, {
+      collectionConfig: collectionConfig,
+      collectionSlug: collectionSlug,
+      doc: doc,
+      fields: (collectionConfig || globalConfig)?.fields,
+      globalConfig: globalConfig,
+      globalSlug: globalSlug,
+      id: id
+    }), /*#__PURE__*/_jsxs(Gutter, {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__header-wrap`,
+        children: [/*#__PURE__*/_jsx("p", {
+          className: `${baseClass}__created-at`,
+          children: i18n.t('version:versionCreatedOn', {
+            version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version')
+          })
+        }), /*#__PURE__*/_jsxs("header", {
+          className: `${baseClass}__header`,
+          children: [/*#__PURE__*/_jsx("h2", {
+            children: versionCreatedAt
+          }), canUpdate && /*#__PURE__*/_jsx(Restore, {
+            className: `${baseClass}__restore`,
+            collectionSlug: collectionSlug,
+            globalSlug: globalSlug,
+            label: collectionConfig?.labels.singular || globalConfig?.label,
+            originalDocID: id,
+            status: doc?.version?._status,
+            versionDate: versionCreatedAt,
+            versionID: versionID
+          }), /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__modifiedCheckBox`,
+            children: /*#__PURE__*/_jsx(CheckboxInput, {
+              checked: modifiedOnly,
+              id: 'modifiedOnly',
+              label: i18n.t('version:modifiedOnly'),
+              onToggle: onToggleModifiedOnly
             })
-          }), _jsxs("div", {
-            className: `${baseClass}-controls-bottom__version-to`,
-            children: [VersionToCreatedAtLabel, t14]
           })]
-        })
-      }), _jsx(SetStepNav, {
-        collectionConfig,
-        collectionSlug,
-        doc: versionTo,
-        fields: (collectionConfig || globalConfig)?.fields,
-        globalConfig,
-        globalSlug,
-        id: originalDocID
-      }), _jsx(Gutter, {
-        className: `${baseClass}__diff-wrap`,
-        children: _jsx(SelectedLocalesContext, {
-          value: {
-            selectedLocales: locales.map(_temp2)
-          },
-          children: versionTo?.version && RenderedDiff
-        })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__controls`,
+        children: [/*#__PURE__*/_jsx(SelectComparison, {
+          baseURL: compareBaseURL,
+          draftsEnabled: draftsEnabled,
+          latestDraftVersion: latestDraftVersion,
+          latestPublishedVersion: latestPublishedVersion,
+          onChange: setCompareValue,
+          parentID: id,
+          value: compareValue,
+          versionID: versionID
+        }), localization && /*#__PURE__*/_jsx(SelectLocales, {
+          onChange: setSelectedLocales,
+          options: availableLocales,
+          value: selectedLocales
+        })]
+      }), /*#__PURE__*/_jsx(SelectedLocalesContext, {
+        value: {
+          selectedLocales: selectedLocales.map(locale_1 => locale_1.value)
+        },
+        children: doc?.version && RenderedDiff
       })]
-    });
-    $[23] = RenderedDiff;
-    $[24] = VersionToCreatedAtLabel;
-    $[25] = canUpdate;
-    $[26] = collectionConfig;
-    $[27] = collectionSlug;
-    $[28] = compareBaseURL;
-    $[29] = draftsEnabled;
-    $[30] = globalConfig;
-    $[31] = globalSlug;
-    $[32] = i18n;
-    $[33] = latestDraftVersionID;
-    $[34] = latestPublishedVersionID;
-    $[35] = localeSelectorOpen;
-    $[36] = locales;
-    $[37] = localization;
-    $[38] = modifiedOnly;
-    $[39] = onChangeSelectedLocales;
-    $[40] = onChangeVersionFrom;
-    $[41] = onToggleModifiedOnly;
-    $[42] = originalDocID;
-    $[43] = t;
-    $[44] = versionFromPill.Label;
-    $[45] = versionFromPill.id;
-    $[46] = versionTo;
-    $[47] = versionToCreatedAt;
-    $[48] = t11;
-  } else {
-    t11 = $[48];
-  }
-  return t11;
+    })]
+  });
 };
-function _temp(localeSelectorOpen_0) {
-  return !localeSelectorOpen_0;
-}
-function _temp2(locale_1) {
-  return locale_1.name;
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","CheckboxInput","ChevronIcon","Gutter","Pill","useConfig","useDocumentInfo","useLocale","useRouteTransition","useTranslation","usePathname","useRouter","useSearchParams","React","useCallback","useEffect","useState","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","t0","$","canUpdate","latestDraftVersionID","latestPublishedVersionID","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesFromProps","versionFromPill","versionTo","versionToCreatedAt","VersionToCreatedAtLabel","config","getEntityConfig","code","i18n","t","t1","Symbol","for","locales","setLocales","localeSelectorOpen","setLocaleSelectorOpen","t2","t3","localization","updatedLocales","map","locale","label","name","Label","selected","includes","id","originalDocID","collectionSlug","globalSlug","startRouteTransition","t4","collectionConfig","t5","globalConfig","router","pathname","searchParams","setModifiedOnly","t6","args","current","URLSearchParams","Array","from","entries","versionFromID","set","length","delete","selectedLocaleCodes","locale_0","push","JSON","stringify","search","toString","query","updateSearchParams","t7","event","newModified","target","checked","onToggleModifiedOnly","t8","t9","locales_0","onChangeSelectedLocales","val","value","onChangeVersionFrom","routes","t10","serverURL","api","apiRoute","compareBaseURL","draftsEnabled","Boolean","versions","drafts","t11","t12","_jsx","className","icon","direction","_temp","pillStyle","children","t13","onChange","t14","labels","singular","status","version","_status","versionDate","versionID","_jsxs","onToggle","baseURL","parentID","versionFromOption","versionToID","doc","fields","_temp2","localeSelectorOpen_0","locale_1"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  CheckboxInput,\n  ChevronIcon,\n  Gutter,\n  Pill,\n  type SelectablePill,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useRouteTransition,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { type FormEventHandler, useCallback, useEffect, useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport './index.scss'\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  latestDraftVersionID,\n  latestPublishedVersionID,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesFromProps,\n  versionFromPill,\n  versionTo,\n  versionToCreatedAt,\n  VersionToCreatedAtLabel,\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 } = useDocumentInfo()\n  const { startRouteTransition } = useRouteTransition()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const [globalConfig] = useState(() => getEntityConfig({ globalSlug }))\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\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 {\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts)\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              <Pill\n                aria-controls={`${baseClass}-locales`}\n                aria-expanded={localeSelectorOpen}\n                className={`${baseClass}__toggle-locales`}\n                icon={<ChevronIcon direction={localeSelectorOpen ? 'up' : 'down'} />}\n                onClick={() => setLocaleSelectorOpen((localeSelectorOpen) => !localeSelectorOpen)}\n                pillStyle=\"light\"\n              >\n                {t('general:locales')}\n              </Pill>\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}-controls-bottom__version-from`}>\n            <SelectComparison\n              baseURL={compareBaseURL}\n              draftsEnabled={draftsEnabled}\n              latestDraftVersionID={latestDraftVersionID}\n              latestPublishedVersionID={latestPublishedVersionID}\n              onChange={onChangeVersionFrom}\n              parentID={originalDocID}\n              versionFromOption={{\n                label: versionFromPill.Label,\n                value: versionFromPill.id,\n              }}\n              versionToID={versionTo.id}\n            />\n          </div>\n\n          <div className={`${baseClass}-controls-bottom__version-to`}>\n            {VersionToCreatedAtLabel}\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={originalDocID}\n                status={versionTo?.version?._status}\n                versionDate={versionToCreatedAt}\n                versionID={versionTo?.id}\n              />\n            )}\n          </div>\n        </div>\n      </Gutter>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={versionTo}\n        fields={(collectionConfig || globalConfig)?.fields}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={originalDocID}\n      />\n      <Gutter className={`${baseClass}__diff-wrap`}>\n        <SelectedLocalesContext value={{ selectedLocales: locales.map((locale) => locale.name) }}>\n          {versionTo?.version && RenderedDiff}\n        </SelectedLocalesContext>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["CheckboxInput","Gutter","useConfig","useDocumentInfo","useRouteTransition","useTranslation","formatDate","usePathname","useRouter","useSearchParams","React","useEffect","useMemo","useState","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","canUpdate","doc","latestDraftVersion","latestPublishedVersion","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesProp","versionID","config","getEntityConfig","availableLocales","localization","locales","map","locale","label","value","code","i18n","id","collectionSlug","globalSlug","startRouteTransition","collectionConfig","globalConfig","setSelectedLocales","compareValue","setCompareValue","router","pathname","searchParams","setModifiedOnly","onToggleModifiedOnly","current","URLSearchParams","Array","from","entries","delete","set","JSON","stringify","search","toString","query","push","admin","dateFormat","routes","api","apiRoute","serverURL","versionCreatedAt","updatedAt","date","pattern","compareBaseURL","draftsEnabled","Boolean","versions","drafts","_jsxs","className","_jsx","fields","t","version","autosave","labels","singular","originalDocID","status","_status","versionDate","checked","onToggle","baseURL","onChange","parentID","options"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport {\n  CheckboxInput,\n  Gutter,\n  useConfig,\n  useDocumentInfo,\n  useRouteTransition,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport './index.scss'\nimport { 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  doc,\n  latestDraftVersion,\n  latestPublishedVersion,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesProp,\n  versionID,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n\n  const availableLocales = useMemo(\n    () =>\n      config.localization\n        ? config.localization.locales.map((locale) => ({\n            label: locale.label,\n            value: locale.code,\n          }))\n        : [],\n    [config.localization],\n  )\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { startRouteTransition } = useRouteTransition()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const [globalConfig] = useState(() => getEntityConfig({ globalSlug }))\n\n  const [selectedLocales, setSelectedLocales] = useState<OptionObject[]>(selectedLocalesProp)\n\n  const [compareValue, setCompareValue] = useState<CompareOption>()\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp)\n  function onToggleModifiedOnly() {\n    setModifiedOnly(!modifiedOnly)\n  }\n\n  useEffect(() => {\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 (!compareValue) {\n      current.delete('compareValue')\n    } else {\n      current.set('compareValue', compareValue?.value)\n    }\n\n    if (!selectedLocales) {\n      current.delete('localeCodes')\n    } else {\n      current.set('localeCodes', JSON.stringify(selectedLocales.map((locale) => locale.value)))\n    }\n\n    if (modifiedOnly === false) {\n      current.set('modifiedOnly', 'false')\n    } else {\n      current.delete('modifiedOnly')\n    }\n\n    const search = current.toString()\n    const query = search ? `?${search}` : ''\n\n    // TODO: this transition occurs multiple times during the initial rendering phases, need to evaluate\n    startRouteTransition(() => router.push(`${pathname}${query}`))\n  }, [\n    compareValue,\n    pathname,\n    router,\n    searchParams,\n    selectedLocales,\n    modifiedOnly,\n    startRouteTransition,\n  ])\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const versionCreatedAt = doc?.updatedAt\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : ''\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts)\n\n  return (\n    <main className={baseClass}>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fields={(collectionConfig || globalConfig)?.fields}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{versionCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                status={doc?.version?._status}\n                versionDate={versionCreatedAt}\n                versionID={versionID}\n              />\n            )}\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          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            draftsEnabled={draftsEnabled}\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n            onChange={setCompareValue}\n            parentID={id}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales\n              onChange={setSelectedLocales}\n              options={availableLocales}\n              value={selectedLocales}\n            />\n          )}\n        </div>\n        <SelectedLocalesContext\n          value={{ selectedLocales: selectedLocales.map((locale) => locale.value) }}\n        >\n          {doc?.version && RenderedDiff}\n        </SelectedLocalesContext>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}