@payloadcms/next 3.0.0-alpha.0

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

@@ -0,0 +1,157 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DefaultVersionView", {
+    enumerable: true,
+    get: function() {
+        return DefaultVersionView;
+    }
+});
+const _ui = require("@payloadcms/ui");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _RenderFieldsToDiff = /*#__PURE__*/ _interop_require_default(require("../RenderFieldsToDiff"));
+const _fields = /*#__PURE__*/ _interop_require_default(require("../RenderFieldsToDiff/fields"));
+const _Restore = /*#__PURE__*/ _interop_require_default(require("../Restore"));
+const _SelectComparison = require("../SelectComparison");
+const _SelectLocales = require("../SelectLocales");
+const _shared = require("../shared");
+const _SetStepNav = require("./SetStepNav");
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'view-version';
+const DefaultVersionView = ({ id, collectionSlug, doc, docPermissions, globalSlug, initialComparisonDoc, localeOptions, mostRecentDoc, publishedDoc, versionID })=>{
+    const config = (0, _ui.useConfig)();
+    const { i18n } = (0, _ui.useTranslation)();
+    const { getFieldMap } = (0, _ui.useComponentMap)();
+    const [fieldMap] = (0, _react.useState)(()=>getFieldMap({
+            collectionSlug,
+            globalSlug
+        }));
+    const [collectionConfig] = (0, _react.useState)(()=>config.collections.find((collection)=>collection.slug === collectionSlug));
+    const [globalConfig] = (0, _react.useState)(()=>config.globals.find((global)=>global.slug === globalSlug));
+    const [locales, setLocales] = (0, _react.useState)(localeOptions);
+    const [compareValue, setCompareValue] = (0, _react.useState)(_shared.mostRecentVersionOption);
+    const { admin: { dateFormat }, localization, routes: { api: apiRoute }, serverURL } = config;
+    // useEffect(() => {
+    //   const editConfig = (collectionConfig || globalConfig)?.admin?.components?.views?.Edit
+    //   const versionActions =
+    //     editConfig && 'Version' in editConfig && 'actions' in editConfig.Version
+    //       ? editConfig.Version.actions
+    //       : []
+    //   setViewActions(versionActions)
+    // }, [collectionConfig, globalConfig, setViewActions])
+    const formattedCreatedAt = doc?.createdAt ? (0, _ui.formatDate)(doc.createdAt, dateFormat, i18n.language) : '';
+    const originalDocFetchURL = `${serverURL}${apiRoute}${globalSlug ? 'globals/' : ''}/${collectionSlug || globalSlug}${collectionSlug ? `/${id}` : ''}`;
+    const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}/versions`;
+    const compareFetchURL = compareValue?.value === 'mostRecent' || compareValue?.value === 'published' ? originalDocFetchURL : `${compareBaseURL}/${compareValue.value}`;
+    const [{ data: currentComparisonDoc }] = (0, _ui.usePayloadAPI)(compareFetchURL, {
+        initialData: initialComparisonDoc,
+        initialParams: {
+            depth: 1,
+            draft: 'true',
+            locale: '*'
+        }
+    });
+    const comparison = compareValue?.value === 'mostRecent' ? mostRecentDoc : compareValue?.value === 'published' ? publishedDoc : currentComparisonDoc?.version // the `version` key is only present on `versions` documents
+    ;
+    const canUpdate = docPermissions?.update?.permission;
+    return /*#__PURE__*/ _react.default.createElement("main", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement(_SetStepNav.SetStepNav, {
+        collectionConfig: collectionConfig,
+        collectionSlug: collectionSlug,
+        doc: doc,
+        fieldMap: fieldMap,
+        globalSlug: globalSlug,
+        id: id,
+        mostRecentDoc: mostRecentDoc
+    }), /*#__PURE__*/ _react.default.createElement(_ui.Gutter, {
+        className: `${baseClass}__wrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__header-wrap`
+    }, /*#__PURE__*/ _react.default.createElement("p", {
+        className: `${baseClass}__created-at`
+    }, i18n.t('version:versionCreatedOn', {
+        version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version')
+    })), /*#__PURE__*/ _react.default.createElement("header", {
+        className: `${baseClass}__header`
+    }, /*#__PURE__*/ _react.default.createElement("h2", null, formattedCreatedAt), canUpdate && /*#__PURE__*/ _react.default.createElement(_Restore.default, {
+        className: `${baseClass}__restore`,
+        collectionSlug: collectionSlug,
+        globalSlug: globalSlug,
+        label: collectionConfig?.labels.singular || globalConfig?.label,
+        originalDocID: id,
+        versionDate: formattedCreatedAt,
+        versionID: versionID
+    }))), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__controls`
+    }, /*#__PURE__*/ _react.default.createElement(_SelectComparison.SelectComparison, {
+        baseURL: compareBaseURL,
+        onChange: setCompareValue,
+        parentID: id,
+        publishedDoc: publishedDoc,
+        value: compareValue,
+        versionID: versionID
+    }), localization && /*#__PURE__*/ _react.default.createElement(_SelectLocales.SelectLocales, {
+        onChange: setLocales,
+        options: localeOptions,
+        value: locales
+    })), doc?.version && /*#__PURE__*/ _react.default.createElement(_RenderFieldsToDiff.default, {
+        comparison: comparison,
+        diffComponents: _fields.default,
+        fieldMap: fieldMap,
+        fieldPermissions: docPermissions?.fields,
+        i18n: i18n,
+        locales: locales ? locales.map(({ label })=>typeof label === 'string' ? label : undefined) : [],
+        version: doc?.version
+    })));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9WZXJzaW9uL0RlZmF1bHQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHR5cGUgeyBPcHRpb24gfSBmcm9tICdAcGF5bG9hZGNtcy91aSdcblxuaW1wb3J0IHtcbiAgR3V0dGVyLFxuICBmb3JtYXREYXRlLFxuICB1c2VDb21wb25lbnRNYXAsXG4gIHVzZUNvbmZpZyxcbiAgdXNlUGF5bG9hZEFQSSxcbiAgdXNlVHJhbnNsYXRpb24sXG59IGZyb20gJ0BwYXlsb2FkY21zL3VpJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgQ29tcGFyZU9wdGlvbiwgRGVmYXVsdFZlcnNpb25zVmlld1Byb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IFJlbmRlckZpZWxkc1RvRGlmZiBmcm9tICcuLi9SZW5kZXJGaWVsZHNUb0RpZmYnXG5pbXBvcnQgZGlmZkNvbXBvbmVudHMgZnJvbSAnLi4vUmVuZGVyRmllbGRzVG9EaWZmL2ZpZWxkcydcbmltcG9ydCBSZXN0b3JlIGZyb20gJy4uL1Jlc3RvcmUnXG5pbXBvcnQgeyBTZWxlY3RDb21wYXJpc29uIH0gZnJvbSAnLi4vU2VsZWN0Q29tcGFyaXNvbidcbmltcG9ydCB7IFNlbGVjdExvY2FsZXMgfSBmcm9tICcuLi9TZWxlY3RMb2NhbGVzJ1xuaW1wb3J0IHsgbW9zdFJlY2VudFZlcnNpb25PcHRpb24gfSBmcm9tICcuLi9zaGFyZWQnXG5pbXBvcnQgeyBTZXRTdGVwTmF2IH0gZnJvbSAnLi9TZXRTdGVwTmF2J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICd2aWV3LXZlcnNpb24nXG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0VmVyc2lvblZpZXc6IFJlYWN0LkZDPERlZmF1bHRWZXJzaW9uc1ZpZXdQcm9wcz4gPSAoe1xuICBpZCxcbiAgY29sbGVjdGlvblNsdWcsXG4gIGRvYyxcbiAgZG9jUGVybWlzc2lvbnMsXG4gIGdsb2JhbFNsdWcsXG4gIGluaXRpYWxDb21wYXJpc29uRG9jLFxuICBsb2NhbGVPcHRpb25zLFxuICBtb3N0UmVjZW50RG9jLFxuICBwdWJsaXNoZWREb2MsXG4gIHZlcnNpb25JRCxcbn0pID0+IHtcbiAgY29uc3QgY29uZmlnID0gdXNlQ29uZmlnKClcblxuICBjb25zdCB7IGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKClcblxuICBjb25zdCB7IGdldEZpZWxkTWFwIH0gPSB1c2VDb21wb25lbnRNYXAoKVxuXG4gIGNvbnN0IFtmaWVsZE1hcF0gPSB1c2VTdGF0ZSgoKSA9PiBnZXRGaWVsZE1hcCh7IGNvbGxlY3Rpb25TbHVnLCBnbG9iYWxTbHVnIH0pKVxuXG4gIGNvbnN0IFtjb2xsZWN0aW9uQ29uZmlnXSA9IHVzZVN0YXRlKCgpID0+XG4gICAgY29uZmlnLmNvbGxlY3Rpb25zLmZpbmQoKGNvbGxlY3Rpb24pID0+IGNvbGxlY3Rpb24uc2x1ZyA9PT0gY29sbGVjdGlvblNsdWcpLFxuICApXG5cbiAgY29uc3QgW2dsb2JhbENvbmZpZ10gPSB1c2VTdGF0ZSgoKSA9PiBjb25maWcuZ2xvYmFscy5maW5kKChnbG9iYWwpID0+IGdsb2JhbC5zbHVnID09PSBnbG9iYWxTbHVnKSlcblxuICBjb25zdCBbbG9jYWxlcywgc2V0TG9jYWxlc10gPSB1c2VTdGF0ZTxPcHRpb25bXT4obG9jYWxlT3B0aW9ucylcbiAgY29uc3QgW2NvbXBhcmVWYWx1ZSwgc2V0Q29tcGFyZVZhbHVlXSA9IHVzZVN0YXRlPENvbXBhcmVPcHRpb24+KG1vc3RSZWNlbnRWZXJzaW9uT3B0aW9uKVxuXG4gIGNvbnN0IHtcbiAgICBhZG1pbjogeyBkYXRlRm9ybWF0IH0sXG4gICAgbG9jYWxpemF0aW9uLFxuICAgIHJvdXRlczogeyBhcGk6IGFwaVJvdXRlIH0sXG4gICAgc2VydmVyVVJMLFxuICB9ID0gY29uZmlnXG5cbiAgLy8gdXNlRWZmZWN0KCgpID0+IHtcbiAgLy8gICBjb25zdCBlZGl0Q29uZmlnID0gKGNvbGxlY3Rpb25Db25maWcgfHwgZ2xvYmFsQ29uZmlnKT8uYWRtaW4/LmNvbXBvbmVudHM/LnZpZXdzPy5FZGl0XG4gIC8vICAgY29uc3QgdmVyc2lvbkFjdGlvbnMgPVxuICAvLyAgICAgZWRpdENvbmZpZyAmJiAnVmVyc2lvbicgaW4gZWRpdENvbmZpZyAmJiAnYWN0aW9ucycgaW4gZWRpdENvbmZpZy5WZXJzaW9uXG4gIC8vICAgICAgID8gZWRpdENvbmZpZy5WZXJzaW9uLmFjdGlvbnNcbiAgLy8gICAgICAgOiBbXVxuXG4gIC8vICAgc2V0Vmlld0FjdGlvbnModmVyc2lvbkFjdGlvbnMpXG4gIC8vIH0sIFtjb2xsZWN0aW9uQ29uZmlnLCBnbG9iYWxDb25maWcsIHNldFZpZXdBY3Rpb25zXSlcblxuICBjb25zdCBmb3JtYXR0ZWRDcmVhdGVkQXQgPSBkb2M/LmNyZWF0ZWRBdFxuICAgID8gZm9ybWF0RGF0ZShkb2MuY3JlYXRlZEF0LCBkYXRlRm9ybWF0LCBpMThuLmxhbmd1YWdlKVxuICAgIDogJydcblxuICBjb25zdCBvcmlnaW5hbERvY0ZldGNoVVJMID0gYCR7c2VydmVyVVJMfSR7YXBpUm91dGV9JHtnbG9iYWxTbHVnID8gJ2dsb2JhbHMvJyA6ICcnfS8ke1xuICAgIGNvbGxlY3Rpb25TbHVnIHx8IGdsb2JhbFNsdWdcbiAgfSR7Y29sbGVjdGlvblNsdWcgPyBgLyR7aWR9YCA6ICcnfWBcblxuICBjb25zdCBjb21wYXJlQmFzZVVSTCA9IGAke3NlcnZlclVSTH0ke2FwaVJvdXRlfS8ke2dsb2JhbFNsdWcgPyAnZ2xvYmFscy8nIDogJyd9JHtcbiAgICBjb2xsZWN0aW9uU2x1ZyB8fCBnbG9iYWxTbHVnXG4gIH0vdmVyc2lvbnNgXG5cbiAgY29uc3QgY29tcGFyZUZldGNoVVJMID1cbiAgICBjb21wYXJlVmFsdWU/LnZhbHVlID09PSAnbW9zdFJlY2VudCcgfHwgY29tcGFyZVZhbHVlPy52YWx1ZSA9PT0gJ3B1Ymxpc2hlZCdcbiAgICAgID8gb3JpZ2luYWxEb2NGZXRjaFVSTFxuICAgICAgOiBgJHtjb21wYXJlQmFzZVVSTH0vJHtjb21wYXJlVmFsdWUudmFsdWV9YFxuXG4gIGNvbnN0IFt7IGRhdGE6IGN1cnJlbnRDb21wYXJpc29uRG9jIH1dID0gdXNlUGF5bG9hZEFQSShjb21wYXJlRmV0Y2hVUkwsIHtcbiAgICBpbml0aWFsRGF0YTogaW5pdGlhbENvbXBhcmlzb25Eb2MsXG4gICAgaW5pdGlhbFBhcmFtczogeyBkZXB0aDogMSwgZHJhZnQ6ICd0cnVlJywgbG9jYWxlOiAnKicgfSxcbiAgfSlcblxuICBjb25zdCBjb21wYXJpc29uID1cbiAgICBjb21wYXJlVmFsdWU/LnZhbHVlID09PSAnbW9zdFJlY2VudCdcbiAgICAgID8gbW9zdFJlY2VudERvY1xuICAgICAgOiBjb21wYXJlVmFsdWU/LnZhbHVlID09PSAncHVibGlzaGVkJ1xuICAgICAgICA/IHB1Ymxpc2hlZERvY1xuICAgICAgICA6IGN1cnJlbnRDb21wYXJpc29uRG9jPy52ZXJzaW9uIC8vIHRoZSBgdmVyc2lvbmAga2V5IGlzIG9ubHkgcHJlc2VudCBvbiBgdmVyc2lvbnNgIGRvY3VtZW50c1xuXG4gIGNvbnN0IGNhblVwZGF0ZSA9IGRvY1Blcm1pc3Npb25zPy51cGRhdGU/LnBlcm1pc3Npb25cblxuICByZXR1cm4gKFxuICAgIDxtYWluIGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICAgIDxTZXRTdGVwTmF2XG4gICAgICAgIGNvbGxlY3Rpb25Db25maWc9e2NvbGxlY3Rpb25Db25maWd9XG4gICAgICAgIGNvbGxlY3Rpb25TbHVnPXtjb2xsZWN0aW9uU2x1Z31cbiAgICAgICAgZG9jPXtkb2N9XG4gICAgICAgIGZpZWxkTWFwPXtmaWVsZE1hcH1cbiAgICAgICAgZ2xvYmFsU2x1Zz17Z2xvYmFsU2x1Z31cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBtb3N0UmVjZW50RG9jPXttb3N0UmVjZW50RG9jfVxuICAgICAgLz5cbiAgICAgIDxHdXR0ZXIgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X193cmFwYH0+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19oZWFkZXItd3JhcGB9PlxuICAgICAgICAgIDxwIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY3JlYXRlZC1hdGB9PlxuICAgICAgICAgICAge2kxOG4udCgndmVyc2lvbjp2ZXJzaW9uQ3JlYXRlZE9uJywge1xuICAgICAgICAgICAgICB2ZXJzaW9uOiBpMThuLnQoZG9jPy5hdXRvc2F2ZSA/ICd2ZXJzaW9uOmF1dG9zYXZlZFZlcnNpb24nIDogJ3ZlcnNpb246dmVyc2lvbicpLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9wPlxuICAgICAgICAgIDxoZWFkZXIgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19oZWFkZXJgfT5cbiAgICAgICAgICAgIDxoMj57Zm9ybWF0dGVkQ3JlYXRlZEF0fTwvaDI+XG4gICAgICAgICAgICB7Y2FuVXBkYXRlICYmIChcbiAgICAgICAgICAgICAgPFJlc3RvcmVcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3Jlc3RvcmVgfVxuICAgICAgICAgICAgICAgIGNvbGxlY3Rpb25TbHVnPXtjb2xsZWN0aW9uU2x1Z31cbiAgICAgICAgICAgICAgICBnbG9iYWxTbHVnPXtnbG9iYWxTbHVnfVxuICAgICAgICAgICAgICAgIGxhYmVsPXtjb2xsZWN0aW9uQ29uZmlnPy5sYWJlbHMuc2luZ3VsYXIgfHwgZ2xvYmFsQ29uZmlnPy5sYWJlbH1cbiAgICAgICAgICAgICAgICBvcmlnaW5hbERvY0lEPXtpZH1cbiAgICAgICAgICAgICAgICB2ZXJzaW9uRGF0ZT17Zm9ybWF0dGVkQ3JlYXRlZEF0fVxuICAgICAgICAgICAgICAgIHZlcnNpb25JRD17dmVyc2lvbklEfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2hlYWRlcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250cm9sc2B9PlxuICAgICAgICAgIDxTZWxlY3RDb21wYXJpc29uXG4gICAgICAgICAgICBiYXNlVVJMPXtjb21wYXJlQmFzZVVSTH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtzZXRDb21wYXJlVmFsdWV9XG4gICAgICAgICAgICBwYXJlbnRJRD17aWR9XG4gICAgICAgICAgICBwdWJsaXNoZWREb2M9e3B1Ymxpc2hlZERvY31cbiAgICAgICAgICAgIHZhbHVlPXtjb21wYXJlVmFsdWV9XG4gICAgICAgICAgICB2ZXJzaW9uSUQ9e3ZlcnNpb25JRH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtsb2NhbGl6YXRpb24gJiYgKFxuICAgICAgICAgICAgPFNlbGVjdExvY2FsZXMgb25DaGFuZ2U9e3NldExvY2FsZXN9IG9wdGlvbnM9e2xvY2FsZU9wdGlvbnN9IHZhbHVlPXtsb2NhbGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB7ZG9jPy52ZXJzaW9uICYmIChcbiAgICAgICAgICA8UmVuZGVyRmllbGRzVG9EaWZmXG4gICAgICAgICAgICBjb21wYXJpc29uPXtjb21wYXJpc29ufVxuICAgICAgICAgICAgZGlmZkNvbXBvbmVudHM9e2RpZmZDb21wb25lbnRzfVxuICAgICAgICAgICAgZmllbGRNYXA9e2ZpZWxkTWFwfVxuICAgICAgICAgICAgZmllbGRQZXJtaXNzaW9ucz17ZG9jUGVybWlzc2lvbnM/LmZpZWxkc31cbiAgICAgICAgICAgIGkxOG49e2kxOG59XG4gICAgICAgICAgICBsb2NhbGVzPXtcbiAgICAgICAgICAgICAgbG9jYWxlc1xuICAgICAgICAgICAgICAgID8gbG9jYWxlcy5tYXAoKHsgbGFiZWwgfSkgPT4gKHR5cGVvZiBsYWJlbCA9PT0gJ3N0cmluZycgPyBsYWJlbCA6IHVuZGVmaW5lZCkpXG4gICAgICAgICAgICAgICAgOiBbXVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdmVyc2lvbj17ZG9jPy52ZXJzaW9ufVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L0d1dHRlcj5cbiAgICA8L21haW4+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJEZWZhdWx0VmVyc2lvblZpZXciLCJiYXNlQ2xhc3MiLCJpZCIsImNvbGxlY3Rpb25TbHVnIiwiZG9jIiwiZG9jUGVybWlzc2lvbnMiLCJnbG9iYWxTbHVnIiwiaW5pdGlhbENvbXBhcmlzb25Eb2MiLCJsb2NhbGVPcHRpb25zIiwibW9zdFJlY2VudERvYyIsInB1Ymxpc2hlZERvYyIsInZlcnNpb25JRCIsImNvbmZpZyIsInVzZUNvbmZpZyIsImkxOG4iLCJ1c2VUcmFuc2xhdGlvbiIsImdldEZpZWxkTWFwIiwidXNlQ29tcG9uZW50TWFwIiwiZmllbGRNYXAiLCJ1c2VTdGF0ZSIsImNvbGxlY3Rpb25Db25maWciLCJjb2xsZWN0aW9ucyIsImZpbmQiLCJjb2xsZWN0aW9uIiwic2x1ZyIsImdsb2JhbENvbmZpZyIsImdsb2JhbHMiLCJnbG9iYWwiLCJsb2NhbGVzIiwic2V0TG9jYWxlcyIsImNvbXBhcmVWYWx1ZSIsInNldENvbXBhcmVWYWx1ZSIsIm1vc3RSZWNlbnRWZXJzaW9uT3B0aW9uIiwiYWRtaW4iLCJkYXRlRm9ybWF0IiwibG9jYWxpemF0aW9uIiwicm91dGVzIiwiYXBpIiwiYXBpUm91dGUiLCJzZXJ2ZXJVUkwiLCJmb3JtYXR0ZWRDcmVhdGVkQXQiLCJjcmVhdGVkQXQiLCJmb3JtYXREYXRlIiwibGFuZ3VhZ2UiLCJvcmlnaW5hbERvY0ZldGNoVVJMIiwiY29tcGFyZUJhc2VVUkwiLCJjb21wYXJlRmV0Y2hVUkwiLCJ2YWx1ZSIsImRhdGEiLCJjdXJyZW50Q29tcGFyaXNvbkRvYyIsInVzZVBheWxvYWRBUEkiLCJpbml0aWFsRGF0YSIsImluaXRpYWxQYXJhbXMiLCJkZXB0aCIsImRyYWZ0IiwibG9jYWxlIiwiY29tcGFyaXNvbiIsInZlcnNpb24iLCJjYW5VcGRhdGUiLCJ1cGRhdGUiLCJwZXJtaXNzaW9uIiwibWFpbiIsImNsYXNzTmFtZSIsIlNldFN0ZXBOYXYiLCJHdXR0ZXIiLCJkaXYiLCJwIiwidCIsImF1dG9zYXZlIiwiaGVhZGVyIiwiaDIiLCJSZXN0b3JlIiwibGFiZWwiLCJsYWJlbHMiLCJzaW5ndWxhciIsIm9yaWdpbmFsRG9jSUQiLCJ2ZXJzaW9uRGF0ZSIsIlNlbGVjdENvbXBhcmlzb24iLCJiYXNlVVJMIiwib25DaGFuZ2UiLCJwYXJlbnRJRCIsIlNlbGVjdExvY2FsZXMiLCJvcHRpb25zIiwiUmVuZGVyRmllbGRzVG9EaWZmIiwiZGlmZkNvbXBvbmVudHMiLCJmaWVsZFBlcm1pc3Npb25zIiwiZmllbGRzIiwibWFwIiwidW5kZWZpbmVkIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBMEJhQTs7O2VBQUFBOzs7b0JBaEJOOytEQUN5QjsyRUFJRDsrREFDSjtnRUFDUDtrQ0FDYTsrQkFDSDt3QkFDVTs0QkFDYjtRQUNwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQscUJBQXlELENBQUMsRUFDckVFLEVBQUUsRUFDRkMsY0FBYyxFQUNkQyxHQUFHLEVBQ0hDLGNBQWMsRUFDZEMsVUFBVSxFQUNWQyxvQkFBb0IsRUFDcEJDLGFBQWEsRUFDYkMsYUFBYSxFQUNiQyxZQUFZLEVBQ1pDLFNBQVMsRUFDVjtJQUNDLE1BQU1DLFNBQVNDLElBQUFBLGFBQVM7SUFFeEIsTUFBTSxFQUFFQyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsa0JBQWM7SUFFL0IsTUFBTSxFQUFFQyxXQUFXLEVBQUUsR0FBR0MsSUFBQUEsbUJBQWU7SUFFdkMsTUFBTSxDQUFDQyxTQUFTLEdBQUdDLElBQUFBLGVBQVEsRUFBQyxJQUFNSCxZQUFZO1lBQUViO1lBQWdCRztRQUFXO0lBRTNFLE1BQU0sQ0FBQ2MsaUJBQWlCLEdBQUdELElBQUFBLGVBQVEsRUFBQyxJQUNsQ1AsT0FBT1MsV0FBVyxDQUFDQyxJQUFJLENBQUMsQ0FBQ0MsYUFB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

package/dist/pages/Version/Default/index.scss

@@ -0,0 +1,70 @@
+@import '../../../scss/styles.scss';
+
+.view-version {
+  width: 100%;
+  padding-bottom: var(--spacing-view-bottom);
+
+  &__wrap {
+    padding-top: calc(var(--base) * 1.5);
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+  }
+
+  &__header-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 4);
+  }
+
+  &__header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    h2 {
+      margin: 0;
+    }
+  }
+
+  &__created-at {
+    margin: 0;
+    color: var(--theme-elevation-500);
+  }
+
+  &__controls {
+    display: flex;
+    gap: var(--base);
+
+    > * {
+      flex-basis: 100%;
+    }
+  }
+
+  &__restore {
+    margin: 0 0 0 var(--base);
+  }
+
+  @include mid-break {
+    &__intro,
+    &__header {
+      display: block;
+    }
+
+    &__controls {
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
+
+    &__restore {
+      margin: calc(var(--base) * 0.5) 0 0 0;
+    }
+  }
+
+  @include small-break {
+    &__wrap {
+      padding-top: calc(var(--base) / 2);
+      gap: calc(var(--base) / 2);
+    }
+  }
+}

package/dist/pages/Version/Default/types.d.ts

@@ -0,0 +1,24 @@
+import type { Option } from '@payloadcms/ui';
+import type { CollectionPermission, GlobalPermission, Permissions, User } from 'payload/auth';
+import type { Document, SanitizedCollectionConfig } from 'payload/types';
+export type CompareOption = {
+    label: string;
+    options?: CompareOption[];
+    relationTo?: string;
+    value: string;
+};
+export type DefaultVersionsViewProps = {
+    collectionSlug?: SanitizedCollectionConfig['slug'];
+    doc: Document;
+    docPermissions: CollectionPermission | GlobalPermission;
+    globalSlug?: SanitizedCollectionConfig['slug'];
+    id?: number | string;
+    initialComparisonDoc: Document;
+    localeOptions: Option[];
+    mostRecentDoc: Document;
+    permissions: Permissions;
+    publishedDoc: Document;
+    user: User;
+    versionID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/pages/Version/Default/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/pages/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7F,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAExE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,GAAG,EAAE,QAAQ,CAAA;IACb,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,UAAU,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC9C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,EAAE,QAAQ,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,QAAQ,CAAA;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

package/dist/pages/Version/Default/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/pages/Version/RenderFieldsToDiff/Label/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+declare const Label: React.FC<{
+    children?: React.ReactNode;
+}>;
+export default Label;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/Version/RenderFieldsToDiff/Label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/pages/Version/RenderFieldsToDiff/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAEnD,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/pages/Version/RenderFieldsToDiff/Label/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'field-diff-label';
+const Label = ({ children })=>/*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, children);
+const _default = Label;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWdlcy9WZXJzaW9uL1JlbmRlckZpZWxkc1RvRGlmZi9MYWJlbC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2ZpZWxkLWRpZmYtbGFiZWwnXG5cbmNvbnN0IExhYmVsOiBSZWFjdC5GQzx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+ID0gKHsgY2hpbGRyZW4gfSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT57Y2hpbGRyZW59PC9kaXY+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExhYmVsXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiTGFiZWwiLCJjaGlsZHJlbiIsImRpdiIsImNsYXNzTmFtZSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFVQTs7O2VBQUE7Ozs4REFWa0I7UUFFWDs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxRQUFrRCxDQUFDLEVBQUVDLFFBQVEsRUFBRSxpQkFDbkUsNkJBQUNDO1FBQUlDLFdBQVdKO09BQVlFO01BRzlCLFdBQWVEIn0=

package/dist/pages/Version/RenderFieldsToDiff/Label/index.scss

@@ -0,0 +1,4 @@
+.field-diff-label {
+  margin-bottom: calc(var(--base) * 0.25);
+  font-weight: 600;
+}

package/dist/pages/Version/RenderFieldsToDiff/fields/Iterable/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from '../types';
+import './index.scss';
+declare const Iterable: React.FC<Props>;
+export default Iterable;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/Version/RenderFieldsToDiff/fields/Iterable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/pages/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIrC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8F7B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/pages/Version/RenderFieldsToDiff/fields/Iterable/index.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _translations = require("@payloadcms/translations");
+const _utilities = require("payload/utilities");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _ = /*#__PURE__*/ _interop_require_default(require("../.."));
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../Label"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'iterable-diff';
+const Iterable = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version })=>{
+    const versionRowCount = Array.isArray(version) ? version.length : 0;
+    const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
+    const maxRows = Math.max(versionRowCount, comparisonRowCount);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, field.label && /*#__PURE__*/ _react.default.createElement(_Label.default, null, locale && /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__locale-label`
+    }, locale), (0, _translations.getTranslation)(field.label, i18n)), maxRows > 0 && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i)=>{
+        const versionRow = version?.[i] || {};
+        const comparisonRow = comparison?.[i] || {};
+        let subFields = [];
+        if (field.type === 'array') subFields = field.subfields;
+        if (field.type === 'blocks') {
+            subFields = [];
+            if (versionRow?.blockType === comparisonRow?.blockType) {
+                const matchedBlock = field.blocks.find((block)=>block.slug === versionRow?.blockType) || {
+                    subfields: []
+                };
+                subFields = [
+                    ...subFields,
+                    ...matchedBlock.subfields
+                ];
+            } else {
+                const matchedVersionBlock = field.blocks.find((block)=>block.slug === versionRow?.blockType) || {
+                    subfields: []
+                };
+                const matchedComparisonBlock = field.blocks.find((block)=>block.slug === comparisonRow?.blockType) || {
+                    subfields: []
+                };
+                subFields = (0, _utilities.getUniqueListBy)([
+                    ...subFields,
+                    ...matchedVersionBlock.subfields,
+                    ...matchedComparisonBlock.subfields
+                ], 'name');
+            }
+        }
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__wrap`,
+            key: i
+        }, /*#__PURE__*/ _react.default.createElement(_.default, {
+            comparison: comparisonRow,
+            diffComponents: diffComponents,
+            fieldMap: subFields,
+            fieldPermissions: permissions,
+            i18n: i18n,
+            locales: locales,
+            version: versionRow
+        }));
+    })), maxRows === 0 && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__no-rows`
+    }, i18n.t('version:noRowsFound', {
+        label: field.labels?.plural ? (0, _translations.getTranslation)(field.labels?.plural, i18n) : i18n.t('general:rows')
+    })));
+};
+const _default = Iterable;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wYWdlcy9WZXJzaW9uL1JlbmRlckZpZWxkc1RvRGlmZi9maWVsZHMvSXRlcmFibGUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWFwcGVkRmllbGQgfSBmcm9tICdAcGF5bG9hZGNtcy91aSdcblxuaW1wb3J0IHsgZ2V0VHJhbnNsYXRpb24gfSBmcm9tICdAcGF5bG9hZGNtcy90cmFuc2xhdGlvbnMnXG5pbXBvcnQgeyBnZXRVbmlxdWVMaXN0QnkgfSBmcm9tICdwYXlsb2FkL3V0aWxpdGllcydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuXG5pbXBvcnQgUmVuZGVyRmllbGRzVG9EaWZmIGZyb20gJy4uLy4uJ1xuaW1wb3J0IExhYmVsIGZyb20gJy4uLy4uL0xhYmVsJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdpdGVyYWJsZS1kaWZmJ1xuXG5jb25zdCBJdGVyYWJsZTogUmVhY3QuRkM8UHJvcHM+ID0gKHtcbiAgY29tcGFyaXNvbixcbiAgZGlmZkNvbXBvbmVudHMsXG4gIGZpZWxkLFxuICBpMThuLFxuICBsb2NhbGUsXG4gIGxvY2FsZXMsXG4gIHBlcm1pc3Npb25zLFxuICB2ZXJzaW9uLFxufSkgPT4ge1xuICBjb25zdCB2ZXJzaW9uUm93Q291bnQgPSBBcnJheS5pc0FycmF5KHZlcnNpb24pID8gdmVyc2lvbi5sZW5ndGggOiAwXG4gIGNvbnN0IGNvbXBhcmlzb25Sb3dDb3VudCA9IEFycmF5LmlzQXJyYXkoY29tcGFyaXNvbikgPyBjb21wYXJpc29uLmxlbmd0aCA6IDBcbiAgY29uc3QgbWF4Um93cyA9IE1hdGgubWF4KHZlcnNpb25Sb3dDb3VudCwgY29tcGFyaXNvblJvd0NvdW50KVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICB7ZmllbGQubGFiZWwgJiYgKFxuICAgICAgICA8TGFiZWw+XG4gICAgICAgICAge2xvY2FsZSAmJiA8c3BhbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xvY2FsZS1sYWJlbGB9Pntsb2NhbGV9PC9zcGFuPn1cbiAgICAgICAgICB7Z2V0VHJhbnNsYXRpb24oZmllbGQubGFiZWwsIGkxOG4pfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgKX1cbiAgICAgIHttYXhSb3dzID4gMCAmJiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICB7QXJyYXkuZnJvbShBcnJheShtYXhSb3dzKS5rZXlzKCkpLm1hcCgocm93LCBpKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB2ZXJzaW9uUm93ID0gdmVyc2lvbj8uW2ldIHx8IHt9XG4gICAgICAgICAgICBjb25zdCBjb21wYXJpc29uUm93ID0gY29tcGFyaXNvbj8uW2ldIHx8IHt9XG5cbiAgICAgICAgICAgIGxldCBzdWJGaWVsZHM6IE1hcHBlZEZpZWxkW10gPSBbXVxuXG4gICAgICAgICAgICBpZiAoZmllbGQudHlwZSA9PT0gJ2FycmF5Jykgc3ViRmllbGRzID0gZmllbGQuc3ViZmllbGRzXG5cbiAgICAgICAgICAgIGlmIChmaWVsZC50eXBlID09PSAnYmxvY2tzJykge1xuICAgICAgICAgICAgICBzdWJGaWVsZHMgPSBbXG4gICAgICAgICAgICAgICAgLy8ge1xuICAgICAgICAgICAgICAgIC8vICAgbmFtZTogJ2Jsb2NrVHlwZScsXG4gICAgICAgICAgICAgICAgLy8gICBsYWJlbDogaTE4bi50KCdmaWVsZHM6YmxvY2tUeXBlJyksXG4gICAgICAgICAgICAgICAgLy8gICB0eXBlOiAndGV4dCcsXG4gICAgICAgICAgICAgICAgLy8gfSxcbiAgICAgICAgICAgICAgXVxuXG4gICAgICAgICAgICAgIGlmICh2ZXJzaW9uUm93Py5ibG9ja1R5cGUgPT09IGNvbXBhcmlzb25Sb3c/LmJsb2NrVHlwZSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IG1hdGNoZWRCbG9jayA9IGZpZWxkLmJsb2Nrcy5maW5kKFxuICAgICAgICAgICAgICAgICAgKGJsb2NrKSA9PiBibG9jay5zbHVnID09PSB2ZXJzaW9uUm93Py5ibG9ja1R5cGUsXG4gICAgICAgICAgICAgICAgKSB8fCB7IHN1YmZpZWxkczogW10gfVxuXG4gICAgICAgICAgICAgICAgc3ViRmllbGRzID0gWy4uLnN1YkZpZWxkcywgLi4ubWF0Y2hlZEJsb2NrLnN1YmZpZWxkc11cbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBjb25zdCBtYXRjaGVkVmVyc2lvbkJsb2NrID0gZmllbGQuYmxvY2tzLmZpbmQoXG4gICAgICAgICAgICAgICAgICAoYmxvY2spID0+IGJsb2NrLnNsdWcgPT09IHZlcnNpb25Sb3c/LmJsb2NrVHlwZSxcbiAgICAgICAgICAgICAgICApIHx8IHsgc3ViZmllbGRzOiBbXSB9XG5cbiAgICAgICAgICAgICAgICBjb25zdCBtYXRjaGVkQ29tcGFyaXNvbkJsb2NrID0gZmllbGQuYmxvY2tzLmZpbmQoXG4gICAgICAgICAgICAgICAgICAoYmxvY2spID0+IGJsb2NrLnNsdWcgPT09IGNvbXBhcmlzb25Sb3c/LmJsb2NrVHlwZSxcbiAgICAgICAgICAgICAgICApIHx8IHsgc3ViZmllbGRzOiBbXSB9XG5cbiAgICAgICAgICAgICAgICBzdWJGaWVsZHMgPSBnZXRVbmlxdWVMaXN0Qnk8TWFwcGVkRmllbGQ+KFxuICAgICAgICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgICAgICAuLi5zdWJGaWVsZHMsXG4gICAgICAgICAgICAgICAgICAgIC4uLm1hdGNoZWRWZXJzaW9uQmxvY2suc3ViZmllbGRzLFxuICAgICAgICAgICAgICAgICAgICAuLi5tYXRjaGVkQ29tcGFyaXNvbkJsb2NrLnN1YmZpZWxkcyxcbiAgICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICAgICAgICAnbmFtZScsXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X193cmFwYH0ga2V5PXtpfT5cbiAgICAgICAgICAgICAgICA8UmVuZGVyRmllbGRzVG9EaWZmXG4gICAgICAgICAgICAgICAgICBjb21wYXJpc29uPXtjb21wYXJpc29uUm93fVxuICAgICAgICAgICAgICAgICAgZGlmZkNvbXBvbmVudHM9e2RpZmZDb21wb25lbnRzfVxuICAgICAgICAgICAgICAgICAgZmllbGRNYXA9e3N1YkZpZWxkc31cbiAgICAgICAgICAgICAgICAgIGZpZWxkUGVybWlzc2lvbnM9e3Blcm1pc3Npb25zfVxuICAgICAgICAgICAgICAgICAgaTE4bj17aTE4bn1cbiAgICAgICAgICAgICAgICAgIGxvY2FsZXM9e2xvY2FsZXN9XG4gICAgICAgICAgICAgICAgICB2ZXJzaW9uPXt2ZXJzaW9uUm93fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKVxuICAgICAgICAgIH0pfVxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgKX1cbiAgICAgIHttYXhSb3dzID09PSAwICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX25vLXJvd3NgfT5cbiAgICAgICAgICB7aTE4bi50KCd2ZXJzaW9uOm5vUm93c0ZvdW5kJywge1xuICAgICAgICAgICAgbGFiZWw6IGZpZWxkLmxhYmVscz8ucGx1cmFsXG4gICAgICAgICAgICAgID8gZ2V0VHJhbnNsYXRpb24oZmllbGQubGFiZWxzPy5wbHVyYWwsIGkxOG4pXG4gICAgICAgICAgICAgIDogaTE4bi50KCdnZW5lcmFsOnJvd3MnKSxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZXJhYmxlXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiSXRlcmFibGUiLCJjb21wYXJpc29uIiwiZGlmZkNvbXBvbmVudHMiLCJmaWVsZCIsImkxOG4iLCJsb2NhbGUiLCJsb2NhbGVzIiwicGVybWlzc2lvbnMiLCJ2ZXJzaW9uIiwidmVyc2lvblJvd0NvdW50IiwiQXJyYXkiLCJpc0FycmF5IiwibGVuZ3RoIiwiY29tcGFyaXNvblJvd0NvdW50IiwibWF4Um93cyIsIk1hdGgiLCJtYXgiLCJkaXYiLCJjbGFzc05hbWUiLCJsYWJlbCIsIkxhYmVsIiwic3BhbiIsImdldFRyYW5zbGF0aW9uIiwiUmVhY3QiLCJGcmFnbWVudCIsImZyb20iLCJrZXlzIiwibWFwIiwicm93IiwiaSIsInZlcnNpb25Sb3ciLCJjb21wYXJpc29uUm93Iiwic3ViRmllbGRzIiwidHlwZSIsInN1YmZpZWxkcyIsImJsb2NrVHlwZSIsIm1hdGNoZWRCbG9jayIsImJsb2NrcyIsImZpbmQiLCJibG9jayIsInNsdWciLCJtYXRjaGVkVmVyc2lvbkJsb2NrIiwibWF0Y2hlZENvbXBhcmlzb25CbG9jayIsImdldFVuaXF1ZUxpc3RCeSIsImtleSIsIlJlbmRlckZpZWxkc1RvRGlmZiIsImZpZWxkTWFwIiwiZmllbGRQZXJtaXNzaW9ucyIsInQiLCJsYWJlbHMiLCJwbHVyYWwiXSwibWFwcGluZ3MiOiI7Ozs7K0JBOEdBOzs7ZUFBQTs7OzhCQTVHK0I7MkJBQ0M7OERBQ2Q7eURBSWE7OERBQ2I7UUFDWDs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxXQUE0QixDQUFDLEVBQ2pDQyxVQUFVLEVBQ1ZDLGNBQWMsRUFDZEMsS0FBSyxFQUNMQyxJQUFJLEVBQ0pDLE1BQU0sRUFDTkMsT0FBTyxFQUNQQyxXQUFXLEVBQ1hDLE9BQU8sRUFDUjtJQUNDLE1BQU1DLGtCQUFrQkMsTUFBTUMsT0FBTyxDQUFDSCxXQUFXQSxRQUFRSSxNQUFNLEdBQUc7SUFDbEUsTUFBTUMscUJBQXFCSCxNQUFNQyxP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

package/dist/pages/Version/RenderFieldsToDiff/fields/Iterable/index.scss

@@ -0,0 +1,34 @@
+.iterable-diff {
+  margin-bottom: calc(var(--base) * 2);
+
+  &__locale-label {
+    background: var(--theme-elevation-100);
+    padding: calc(var(--base) * 0.25);
+    // border-radius: $style-radius-m;
+    [dir='ltr'] & {
+      margin-right: calc(var(--base) * 0.25);
+    }
+    [dir='rtl'] & {
+      margin-left: calc(var(--base) * 0.25);
+    }
+  }
+
+  &__wrap {
+    margin: calc(var(--base) * 0.5);
+    [dir='ltr'] & {
+      padding-left: calc(var(--base) * 0.5);
+      // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
+    }
+    [dir='rtl'] & {
+      padding-right: calc(var(--base) * 0.5);
+      // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
+    }
+  }
+
+  &__no-rows {
+    font-family: monospace;
+    background-color: var(--theme-elevation-50);
+    // padding: base(0.125) calc(var(--base) * 0.5);
+    // margin: base(0.125) 0;
+  }
+}

package/dist/pages/Version/RenderFieldsToDiff/fields/Nested/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from '../types';
+import './index.scss';
+declare const Nested: React.FC<Props>;
+export default Nested;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/Version/RenderFieldsToDiff/fields/Nested/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/pages/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIrC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqC3B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/pages/Version/RenderFieldsToDiff/fields/Nested/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _translations = require("@payloadcms/translations");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _ = /*#__PURE__*/ _interop_require_default(require("../.."));
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../Label"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'nested-diff';
+const Nested = ({ comparison, diffComponents, disableGutter = false, field, fieldMap, i18n, locale, locales, permissions, version })=>{
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, field.label && /*#__PURE__*/ _react.default.createElement(_Label.default, null, locale && /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__locale-label`
+    }, locale), (0, _translations.getTranslation)(field.label, i18n)), /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            `${baseClass}__wrap`,
+            !disableGutter && `${baseClass}__wrap--gutter`
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ _react.default.createElement(_.default, {
+        comparison: comparison,
+        diffComponents: diffComponents,
+        fieldMap: fieldMap,
+        fieldPermissions: permissions,
+        i18n: i18n,
+        locales: locales,
+        version: version
+    })));
+};
+const _default = Nested;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wYWdlcy9WZXJzaW9uL1JlbmRlckZpZWxkc1RvRGlmZi9maWVsZHMvTmVzdGVkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuXG5pbXBvcnQgUmVuZGVyRmllbGRzVG9EaWZmIGZyb20gJy4uLy4uJ1xuaW1wb3J0IExhYmVsIGZyb20gJy4uLy4uL0xhYmVsJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICduZXN0ZWQtZGlmZidcblxuY29uc3QgTmVzdGVkOiBSZWFjdC5GQzxQcm9wcz4gPSAoe1xuICBjb21wYXJpc29uLFxuICBkaWZmQ29tcG9uZW50cyxcbiAgZGlzYWJsZUd1dHRlciA9IGZhbHNlLFxuICBmaWVsZCxcbiAgZmllbGRNYXAsXG4gIGkxOG4sXG4gIGxvY2FsZSxcbiAgbG9jYWxlcyxcbiAgcGVybWlzc2lvbnMsXG4gIHZlcnNpb24sXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICB7ZmllbGQubGFiZWwgJiYgKFxuICAgICAgICA8TGFiZWw+XG4gICAgICAgICAge2xvY2FsZSAmJiA8c3BhbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xvY2FsZS1sYWJlbGB9Pntsb2NhbGV9PC9zcGFuPn1cbiAgICAgICAgICB7Z2V0VHJhbnNsYXRpb24oZmllbGQubGFiZWwsIGkxOG4pfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgKX1cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtbYCR7YmFzZUNsYXNzfV9fd3JhcGAsICFkaXNhYmxlR3V0dGVyICYmIGAke2Jhc2VDbGFzc31fX3dyYXAtLWd1dHRlcmBdXG4gICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICA+XG4gICAgICAgIDxSZW5kZXJGaWVsZHNUb0RpZmZcbiAgICAgICAgICBjb21wYXJpc29uPXtjb21wYXJpc29ufVxuICAgICAgICAgIGRpZmZDb21wb25lbnRzPXtkaWZmQ29tcG9uZW50c31cbiAgICAgICAgICBmaWVsZE1hcD17ZmllbGRNYXB9XG4gICAgICAgICAgZmllbGRQZXJtaXNzaW9ucz17cGVybWlzc2lvbnN9XG4gICAgICAgICAgaTE4bj17aTE4bn1cbiAgICAgICAgICBsb2NhbGVzPXtsb2NhbGVzfVxuICAgICAgICAgIHZlcnNpb249e3ZlcnNpb259XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBOZXN0ZWRcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJOZXN0ZWQiLCJjb21wYXJpc29uIiwiZGlmZkNvbXBvbmVudHMiLCJkaXNhYmxlR3V0dGVyIiwiZmllbGQiLCJmaWVsZE1hcCIsImkxOG4iLCJsb2NhbGUiLCJsb2NhbGVzIiwicGVybWlzc2lvbnMiLCJ2ZXJzaW9uIiwiZGl2IiwiY2xhc3NOYW1lIiwibGFiZWwiLCJMYWJlbCIsInNwYW4iLCJnZXRUcmFuc2xhdGlvbiIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiUmVuZGVyRmllbGRzVG9EaWZmIiwiZmllbGRQZXJtaXNzaW9ucyJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFrREE7OztlQUFBOzs7OEJBbEQrQjs4REFDYjt5REFJYTs4REFDYjtRQUNYOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLFNBQTBCLENBQUMsRUFDL0JDLFVBQVUsRUFDVkMsY0FBYyxFQUNkQyxnQkFBZ0IsS0FBSyxFQUNyQkMsS0FBSyxFQUNMQyxRQUFRLEVBQ1JDLElBQUksRUFDSkMsTUFBTSxFQUNOQyxPQUFPLEVBQ1BDLFdBQVcsRUFDWEMsT0FBTyxFQUNSO0lBQ0MscUJBQ0UsNkJBQUNDO1FBQUlDLFdBQVdiO09BQ2JLLE1BQU1TLEtBQUssa0JBQ1YsNkJBQUNDLGNBQUssUUFDSFAsd0JBQVUsNkJBQUNRO1FBQUtILFdBQVcsQ0FBQyxFQUFFYixVQUFVLGNBQWMsQ0FBQztPQUFHUSxTQUMxRFMsSUFBQUEsNEJBQWMsRUFBQ1osTUFBTVMsS0FBSyxFQUFFUCxzQkFHakMsNkJBQUNLO1FBQ0NDLFdBQVc7WUFBQyxDQUFDLEVBQUViLFVBQVUsTUFBTSxDQUFDO1lBQUUsQ0FBQ0ksaUJBQWlCLENBQUMsRUFBRUosVUFBVSxjQUFjLENBQUM7U0FBQyxDQUM5RWtCLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO3FCQUVSLDZCQUFDQyxTQUFrQjtRQUNqQm5CLFlBQVlBO1FBQ1pDLGdCQUFnQkE7UUFDaEJHLFVBQVVBO1FBQ1ZnQixrQkFBa0JaO1FBQ2xCSCxNQUFNQTtRQUNORSxTQUFTQTtRQUNURSxTQUFTQTs7QUFLbkI7TUFFQSxXQUFlViJ9

package/dist/pages/Version/RenderFieldsToDiff/fields/Nested/index.scss

@@ -0,0 +1,12 @@
+.nested-diff {
+  &__wrap--gutter {
+    [dir='ltr'] & {
+      padding-left: calc(var(--base) * 0.25);
+      // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
+    }
+    [dir='rtl'] & {
+      padding-right: calc(var(--base) * 0.25);
+      // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
+    }
+  }
+}

package/dist/pages/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from '../types';
+import './index.scss';
+declare const Relationship: React.FC<Props>;
+export default Relationship;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/pages/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIrC,OAAO,cAAc,CAAA;AA0DrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4CjC,CAAA;AAED,eAAe,YAAY,CAAA"}