@payloadcms/next 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AAE5D,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,GAAG,CAAA;IACf,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC9C,OAAO,EAAE,GAAG,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAEzE,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,IAAI;IACzE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAA;IACxB,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAA;IACvC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAA;CACtB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { FieldMap, MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { FieldPermissions } from 'payload/auth'\nimport type React from 'react'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nexport type DiffComponents = Record<string, React.FC<Props>>\n\nexport type Props = {\n  comparison: any\n  diffComponents: DiffComponents\n  diffMethod?: DiffMethod\n  disableGutter?: boolean\n  field: MappedField\n  fieldMap: FieldMap\n  i18n: I18n\n  isRichText?: boolean\n  locale?: string\n  locales?: string[]\n  permissions?: Record<string, FieldPermissions>\n  version: any\n}\n"],"names":[],"rangeMappings":"","mappings":"AAQA,WAaC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, FieldPermissions } from 'payload'\nimport type React from 'react'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nexport type DiffComponents = Record<string, React.FC<DiffComponentProps>>\n\nexport type DiffComponentProps<TField extends ClientField = ClientField> = {\n  readonly comparison: any\n  readonly diffComponents: DiffComponents\n  readonly diffMethod?: DiffMethod\n  readonly disableGutter?: boolean\n  readonly field: TField\n  readonly fields: ClientField[]\n  readonly i18n: I18nClient\n  readonly isRichText?: boolean\n  readonly locale?: string\n  readonly locales?: string[]\n  readonly permissions?: Record<string, FieldPermissions>\n  readonly version: any\n}\n"],"mappings":"AAOA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8HvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8HvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -1,100 +1,112 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fieldAffectsData } from 'payload/shared';
 import React from 'react';
 import Nested from './fields/Nested/index.js';
 import { diffMethods } from './fields/diffMethods.js';
 const baseClass = 'render-field-diffs';
-const RenderFieldsToDiff = ({ comparison, diffComponents, fieldMap, fieldPermissions, i18n, locales, version })=>{
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, fieldMap?.map((field, i)=>{
-        if ('name' in field && field.name === 'id') return null;
-        const Component = diffComponents[field.type];
-        const isRichText = field.type === 'richText';
-        const diffMethod = diffMethods[field.type] || 'CHARS';
-        if (Component) {
-            if (field.isFieldAffectingData && 'name' in 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?.[fieldName]?.read?.permission;
-                const subFieldPermissions = fieldPermissions?.[fieldName]?.fields;
-                if (hasPermission === false) return null;
-                const baseCellProps = {
-                    comparison: comparisonValue,
-                    diffComponents,
-                    diffMethod,
-                    field,
-                    fieldMap: 'fieldMap' in field.fieldComponentProps ? field.fieldComponentProps?.fieldMap : fieldMap,
-                    fieldPermissions: subFieldPermissions,
-                    i18n,
-                    isRichText,
-                    locales,
-                    version: versionValue
+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 ('name' in field && field.name === 'id') 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?.[fieldName]?.read?.permission;
+          const subFieldPermissions = fieldPermissions?.[fieldName]?.fields;
+          if (hasPermission === false) 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
                 };
-                if (field.localized) {
-                    return /*#__PURE__*/ React.createElement("div", {
-                        className: `${baseClass}__field`,
-                        key: i
-                    }, locales.map((locale, index)=>{
-                        const versionLocaleValue = versionValue?.[locale];
-                        const comparisonLocaleValue = comparisonValue?.[locale];
-                        const cellProps = {
-                            ...baseCellProps,
-                            comparison: comparisonLocaleValue,
-                            version: versionLocaleValue
-                        };
-                        return /*#__PURE__*/ React.createElement("div", {
-                            className: `${baseClass}__locale`,
-                            key: [
-                                locale,
-                                index
-                            ].join('-')
-                        }, /*#__PURE__*/ React.createElement("div", {
-                            className: `${baseClass}__locale-value`
-                        }, /*#__PURE__*/ React.createElement(Component, {
-                            ...cellProps,
-                            locale: locale
-                        })));
-                    }));
-                }
-                return /*#__PURE__*/ React.createElement("div", {
-                    className: `${baseClass}__field`,
-                    key: i
-                }, /*#__PURE__*/ React.createElement(Component, baseCellProps));
-            }
-            if (field.type === 'tabs' && 'fieldMap' in field.fieldComponentProps) {
-                const Tabs = diffComponents.tabs;
-                return /*#__PURE__*/ React.createElement(Tabs, {
-                    comparison: comparison,
-                    diffComponents: diffComponents,
-                    field: field,
-                    fieldMap: field.fieldComponentProps.fieldMap,
-                    i18n: i18n,
-                    key: i,
-                    locales: locales,
-                    version: version
-                });
-            }
-            // At this point, we are dealing with a `row`, etc
-            if ('fieldMap' in field.fieldComponentProps) {
-                return /*#__PURE__*/ React.createElement(Nested, {
-                    comparison: comparison,
-                    diffComponents: diffComponents,
-                    disableGutter: true,
-                    field: field,
-                    fieldMap: field.fieldComponentProps.fieldMap,
-                    i18n: i18n,
-                    key: i,
-                    locales: locales,
-                    permissions: fieldPermissions,
-                    version: version
-                });
-            }
+                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' && 'fields' in field) {
+          const Tabs = diffComponents.tabs;
+          return /*#__PURE__*/_jsx(Tabs, {
+            comparison: comparison,
+            diffComponents: diffComponents,
+            field: field,
+            fields: [],
+            i18n: i18n,
+            locales: locales,
+            version: version
+          }, i);
         }
-        return null;
-    }));
+        // 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,
+            fields: field.fields,
+            i18n: i18n,
+            locales: locales,
+            permissions: fieldPermissions,
+            version: version
+          }, i);
+        }
+      }
+      return null;
+    })
+  });
 };
 export default RenderFieldsToDiff;
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["'use client'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport React from 'react'\n\nimport type { FieldDiffProps, Props } from './types.js'\n\nimport Nested from './fields/Nested/index.js'\nimport { diffMethods } from './fields/diffMethods.js'\nimport './index.scss'\n\nconst baseClass = 'render-field-diffs'\n\nconst RenderFieldsToDiff: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  fieldMap,\n  fieldPermissions,\n  i18n,\n  locales,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {fieldMap?.map((field, i) => {\n        if ('name' in field && field.name === 'id') return null\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 (field.isFieldAffectingData && 'name' in 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 = fieldPermissions?.[fieldName]?.read?.permission\n\n            const subFieldPermissions = fieldPermissions?.[fieldName]?.fields\n\n            if (hasPermission === false) return null\n\n            const baseCellProps: FieldDiffProps = {\n              comparison: comparisonValue,\n              diffComponents,\n              diffMethod,\n              field,\n              fieldMap:\n                'fieldMap' in field.fieldComponentProps\n                  ? field.fieldComponentProps?.fieldMap\n                  : fieldMap,\n              fieldPermissions: subFieldPermissions,\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' && 'fieldMap' in field.fieldComponentProps) {\n            const Tabs = diffComponents.tabs\n\n            return (\n              <Tabs\n                comparison={comparison}\n                diffComponents={diffComponents}\n                field={field}\n                fieldMap={field.fieldComponentProps.fieldMap}\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 ('fieldMap' in field.fieldComponentProps) {\n            return (\n              <Nested\n                comparison={comparison}\n                diffComponents={diffComponents}\n                disableGutter\n                field={field}\n                fieldMap={field.fieldComponentProps.fieldMap}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                permissions={fieldPermissions}\n                version={version}\n              />\n            )\n          }\n        }\n\n        return null\n      })}\n    </div>\n  )\n}\n\nexport default RenderFieldsToDiff\n"],"names":["React","Nested","diffMethods","baseClass","RenderFieldsToDiff","comparison","diffComponents","fieldMap","fieldPermissions","i18n","locales","version","div","className","map","field","i","name","Component","type","isRichText","diffMethod","isFieldAffectingData","fieldName","valueIsObject","versionValue","JSON","stringify","comparisonValue","hasPermission","read","permission","subFieldPermissions","fields","baseCellProps","fieldComponentProps","localized","key","locale","index","versionLocaleValue","comparisonLocaleValue","cellProps","join","Tabs","tabs","disableGutter","permissions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["fieldAffectsData","React","Nested","diffMethods","baseClass","RenderFieldsToDiff","comparison","diffComponents","__diffComponents","fieldPermissions","fields","i18n","locales","version","_jsx","className","map","field","i","name","Component","type","isRichText","diffMethod","fieldName","valueIsObject","versionValue","JSON","stringify","comparisonValue","hasPermission","read","permission","subFieldPermissions","baseCellProps","localized","locale","index","versionLocaleValue","comparisonLocaleValue","cellProps","join","Tabs","tabs","disableGutter","permissions"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["'use client'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport { UIFieldClient } from 'payload'\nimport { fieldAffectsData } 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 Nested from './fields/Nested/index.js'\nimport { diffMethods } from './fields/diffMethods.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  return (\n    <div className={baseClass}>\n      {fields?.map((field, i) => {\n        if ('name' in field && field.name === 'id') return null\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 = fieldPermissions?.[fieldName]?.read?.permission\n\n            const subFieldPermissions = fieldPermissions?.[fieldName]?.fields\n\n            if (hasPermission === false) return null\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' && 'fields' in field) {\n            const Tabs = diffComponents.tabs\n\n            return (\n              <Tabs\n                comparison={comparison}\n                diffComponents={diffComponents}\n                field={field}\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                fields={field.fields}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                permissions={fieldPermissions}\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

@@ -1,20 +1,19 @@
-import type { I18n } from '@payloadcms/translations';
-import type { FieldMap, MappedField } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { FieldPermissions } from 'payload/auth';
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientField, FieldPermissions } from 'payload';
 import type { DiffMethod } from 'react-diff-viewer-continued';
 import type { DiffComponents } from './fields/types.js';
 export type Props = {
-    comparison: Record<string, any>;
-    diffComponents: DiffComponents;
-    fieldMap: FieldMap;
-    fieldPermissions: Record<string, FieldPermissions>;
-    i18n: I18n;
-    locales: string[];
-    version: Record<string, any>;
+    readonly comparison: Record<string, any>;
+    readonly diffComponents: DiffComponents;
+    readonly fieldPermissions: Record<string, FieldPermissions>;
+    readonly fields: ClientField[];
+    readonly i18n: I18nClient;
+    readonly locales: string[];
+    readonly version: Record<string, any>;
 };
-export type FieldDiffProps = Props & {
+export type FieldDiffProps = {
     diffMethod: DiffMethod;
-    field: MappedField;
+    field: ClientField;
     isRichText: boolean;
-};
+} & Props;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,QAAQ,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAClD,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG;IACnC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,WAAW,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA"}
+{"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,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,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,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC3D,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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { FieldMap, MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport type { DiffComponents } from './fields/types.js'\n\nexport type Props = {\n  comparison: Record<string, any>\n  diffComponents: DiffComponents\n  fieldMap: FieldMap\n  fieldPermissions: Record<string, FieldPermissions>\n  i18n: I18n\n  locales: string[]\n  version: Record<string, any>\n}\n\nexport type FieldDiffProps = Props & {\n  diffMethod: DiffMethod\n  field: MappedField\n  isRichText: boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAiBA,WAIC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, FieldPermissions } 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: Record<string, FieldPermissions>\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":"AAgBA","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":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiF5B,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;AAGvC,OAAO,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgH5B,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -1,74 +1,123 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { Modal, useModal } from '@payloadcms/ui/elements/Modal';
-import { Pill } from '@payloadcms/ui/elements/Pill';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { MinimalTemplate } from '@payloadcms/ui/templates/Minimal';
+import { Button, ChevronIcon, Modal, Pill, Popup, PopupList, useConfig, useModal, useTranslation } from '@payloadcms/ui';
+import { formatAdminURL, requests } from '@payloadcms/ui/shared';
+import { useRouter } from 'next/navigation.js';
 import React, { Fragment, useCallback, useState } from 'react';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
+import { MinimalTemplate } from '../../../templates/Minimal/index.js';
 const baseClass = 'restore-version';
 const modalSlug = 'restore-version';
-const Restore = ({ className, collectionSlug, globalSlug, label, originalDocID, versionDate, versionID })=>{
-    const { routes: { admin, api }, serverURL } = useConfig();
-    const { toggleModal } = useModal();
-    const [processing, setProcessing] = useState(false);
-    const { i18n, t } = useTranslation();
-    const restoreMessage = t('version:aboutToRestoreGlobal', {
-        label: getTranslation(label, i18n),
-        versionDate
-    });
-    let fetchURL = `${serverURL}${api}`;
-    let redirectURL;
-    if (collectionSlug) {
-        fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}`;
-        redirectURL = `${admin}/collections/${collectionSlug}/${originalDocID}`;
+const Restore = ({
+  className,
+  collectionSlug,
+  globalSlug,
+  label,
+  originalDocID,
+  status,
+  versionDate,
+  versionID
+}) => {
+  const {
+    config: {
+      routes: {
+        admin: adminRoute,
+        api: apiRoute
+      },
+      serverURL
     }
-    if (globalSlug) {
-        fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}`;
-        redirectURL = `${admin}/globals/${globalSlug}`;
+  } = useConfig();
+  const {
+    toggleModal
+  } = useModal();
+  const [processing, setProcessing] = useState(false);
+  const router = useRouter();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [draft, setDraft] = useState(false);
+  const restoreMessage = t('version:aboutToRestoreGlobal', {
+    label: getTranslation(label, i18n),
+    versionDate
+  });
+  let fetchURL = `${serverURL}${apiRoute}`;
+  let redirectURL;
+  const canRestoreAsDraft = status !== 'draft';
+  if (collectionSlug) {
+    fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}?draft=${draft}`;
+    redirectURL = formatAdminURL({
+      adminRoute,
+      path: `/collections/${collectionSlug}/${originalDocID}`
+    });
+  }
+  if (globalSlug) {
+    fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}?draft=${draft}`;
+    redirectURL = formatAdminURL({
+      adminRoute,
+      path: `/globals/${globalSlug}`
+    });
+  }
+  const handleRestore = useCallback(async () => {
+    setProcessing(true);
+    const res = await requests.post(fetchURL, {
+      headers: {
+        'Accept-Language': i18n.language
+      }
+    });
+    if (res.status === 200) {
+      const json = await res.json();
+      toast.success(json.message);
+      router.push(redirectURL);
+    } else {
+      toast.error(t('version:problemRestoringVersion'));
     }
-    const handleRestore = useCallback(async ()=>{
-        setProcessing(true);
-        const res = {};
-        // const res = await requests.post(fetchURL, {
-        //   headers: {
-        //     'Accept-Language': i18n.language,
-        //   },
-        // })
-        if (res.status === 200) {
-            const json = await res.json();
-            toast.success(json.message);
-        // history.push(redirectURL)
-        } else {
-            toast.error(t('version:problemRestoringVersion'));
-        }
-    }, [
-        fetchURL,
-        redirectURL,
-        t,
-        i18n
-    ]);
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(Pill, {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        onClick: ()=>toggleModal(modalSlug)
-    }, t('version:restoreThisVersion')), /*#__PURE__*/ React.createElement(Modal, {
-        className: `${baseClass}__modal`,
-        slug: modalSlug
-    }, /*#__PURE__*/ React.createElement(MinimalTemplate, {
-        className: `${baseClass}__modal-template`
-    }, /*#__PURE__*/ React.createElement("h1", null, t('version:confirmVersionRestoration')), /*#__PURE__*/ React.createElement("p", null, restoreMessage), /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        onClick: processing ? undefined : ()=>toggleModal(modalSlug),
-        type: "button"
-    }, t('general:cancel')), /*#__PURE__*/ React.createElement(Button, {
-        onClick: processing ? undefined : handleRestore
-    }, processing ? t('version:restoring') : t('general:confirm')))));
+  }, [fetchURL, redirectURL, t, i18n, router]);
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: [baseClass, className].filter(Boolean).join(' '),
+      children: [/*#__PURE__*/_jsx(Pill, {
+        className: [canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' '),
+        onClick: () => toggleModal(modalSlug),
+        children: t('version:restoreThisVersion')
+      }), canRestoreAsDraft && /*#__PURE__*/_jsx(Popup, {
+        button: /*#__PURE__*/_jsx(Pill, {
+          className: `${baseClass}__chevron`,
+          children: /*#__PURE__*/_jsx(ChevronIcon, {})
+        }),
+        caret: false,
+        render: () => /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+          children: /*#__PURE__*/_jsx(PopupList.Button, {
+            onClick: () => [setDraft(true), toggleModal(modalSlug)],
+            children: t('version:restoreAsDraft')
+          })
+        }),
+        size: "large",
+        verticalAlign: "bottom"
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      className: `${baseClass}__modal`,
+      slug: modalSlug,
+      children: /*#__PURE__*/_jsxs(MinimalTemplate, {
+        className: `${baseClass}__modal-template`,
+        children: [/*#__PURE__*/_jsx("h1", {
+          children: t('version:confirmVersionRestoration')
+        }), /*#__PURE__*/_jsx("p", {
+          children: restoreMessage
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          onClick: processing ? undefined : () => toggleModal(modalSlug),
+          type: "button",
+          children: t('general:cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          onClick: processing ? undefined : () => void handleRestore(),
+          children: processing ? t('version:restoring') : t('general:confirm')
+        })]
+      })
+    })]
+  });
 };
 export default Restore;
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { Modal, useModal } from '@payloadcms/ui/elements/Modal'\nimport { Pill } from '@payloadcms/ui/elements/Pill'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { MinimalTemplate } from '@payloadcms/ui/templates/Minimal'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { Props } from './types.js'\n\n// import { requests } from '../../../../api'\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  versionDate,\n  versionID,\n}) => {\n  const {\n    routes: { admin, api },\n    serverURL,\n  } = useConfig()\n  const { toggleModal } = useModal()\n  const [processing, setProcessing] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const restoreMessage = t('version:aboutToRestoreGlobal', {\n    label: getTranslation(label, i18n),\n    versionDate,\n  })\n\n  let fetchURL = `${serverURL}${api}`\n  let redirectURL: string\n\n  if (collectionSlug) {\n    fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}`\n    redirectURL = `${admin}/collections/${collectionSlug}/${originalDocID}`\n  }\n\n  if (globalSlug) {\n    fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}`\n    redirectURL = `${admin}/globals/${globalSlug}`\n  }\n\n  const handleRestore = useCallback(async () => {\n    setProcessing(true)\n\n    const res: any = {}\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      // history.push(redirectURL)\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [fetchURL, redirectURL, t, i18n])\n\n  return (\n    <Fragment>\n      <Pill\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        onClick={() => toggleModal(modalSlug)}\n      >\n        {t('version:restoreThisVersion')}\n      </Pill>\n      <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__modal-template`}>\n          <h1>{t('version:confirmVersionRestoration')}</h1>\n          <p>{restoreMessage}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={processing ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button onClick={processing ? undefined : handleRestore}>\n            {processing ? t('version:restoring') : t('general:confirm')}\n          </Button>\n        </MinimalTemplate>\n      </Modal>\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"names":["getTranslation","Button","Modal","useModal","Pill","useConfig","useTranslation","MinimalTemplate","React","Fragment","useCallback","useState","toast","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","versionDate","versionID","routes","admin","api","serverURL","toggleModal","processing","setProcessing","i18n","t","restoreMessage","fetchURL","redirectURL","handleRestore","res","status","json","success","message","error","filter","Boolean","join","onClick","slug","h1","p","buttonStyle","undefined","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,KAAK,EAAEC,QAAQ,QAAQ,gCAA+B;AAC/D,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAC9D,SAASC,KAAK,QAAQ,iBAAgB;AAOtC,MAAMC,YAAY;AAClB,MAAMC,YAAY;AAElB,MAAMC,UAA2B,CAAC,EAChCC,SAAS,EACTC,cAAc,EACdC,UAAU,EACVC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACV;IACC,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,GAAG,EAAE,EACtBC,SAAS,EACV,GAAGrB;IACJ,MAAM,EAAEsB,WAAW,EAAE,GAAGxB;IACxB,MAAM,CAACyB,YAAYC,cAAc,GAAGlB,SAAS;IAC7C,MAAM,EAAEmB,IAAI,EAAEC,CAAC,EAAE,GAAGzB;IAEpB,MAAM0B,iBAAiBD,EAAE,gCAAgC;QACvDZ,OAAOnB,eAAemB,OAAOW;QAC7BT;IACF;IAEA,IAAIY,WAAW,CAAC,EAAEP,UAAU,EAAED,IAAI,CAAC;IACnC,IAAIS;IAEJ,IAAIjB,gBAAgB;QAClBgB,WAAW,CAAC,EAAEA,SAAS,CAAC,EAAEhB,eAAe,UAAU,EAAEK,UAAU,CAAC;QAChEY,cAAc,CAAC,EAAEV,MAAM,aAAa,EAAEP,eAAe,CAAC,EAAEG,cAAc,CAAC;IACzE;IAEA,IAAIF,YAAY;QACde,WAAW,CAAC,EAAEA,SAAS,SAAS,EAAEf,WAAW,UAAU,EAAEI,UAAU,CAAC;QACpEY,cAAc,CAAC,EAAEV,MAAM,SAAS,EAAEN,WAAW,CAAC;IAChD;IAEA,MAAMiB,gBAAgBzB,YAAY;QAChCmB,cAAc;QAEd,MAAMO,MAAW,CAAC;QAElB,8CAA8C;QAC9C,eAAe;QACf,wCAAwC;QACxC,OAAO;QACP,KAAK;QAEL,IAAIA,IAAIC,MAAM,KAAK,KAAK;YACtB,MAAMC,OAAO,MAAMF,IAAIE,IAAI;YAC3B1B,MAAM2B,OAAO,CAACD,KAAKE,OAAO;QAC1B,4BAA4B;QAC9B,OAAO;YACL5B,MAAM6B,KAAK,CAACV,EAAE;QAChB;IACF,GAAG;QAACE;QAAUC;QAAaH;QAAGD;KAAK;IAEnC,qBACE,oBAACrB,8BACC,oBAACL;QACCY,WAAW;YAACH;YAAWG;SAAU,CAAC0B,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,SAAS,IAAMlB,YAAYb;OAE1BiB,EAAE,8CAEL,oBAAC7B;QAAMc,WAAW,CAAC,EAAEH,UAAU,OAAO,CAAC;QAAEiC,MAAMhC;qBAC7C,oBAACP;QAAgBS,WAAW,CAAC,EAAEH,UAAU,gBAAgB,CAAC;qBACxD,oBAACkC,YAAIhB,EAAE,qDACP,oBAACiB,WAAGhB,+BACJ,oBAAC/B;QACCgD,aAAY;QACZJ,SAASjB,aAAasB,YAAY,IAAMvB,YAAYb;QACpDqC,MAAK;OAEJpB,EAAE,kCAEL,oBAAC9B;QAAO4C,SAASjB,aAAasB,YAAYf;OACvCP,aAAaG,EAAE,uBAAuBA,EAAE;AAMrD;AAEA,eAAehB,QAAO"}
+{"version":3,"file":"index.js","names":["getTranslation","Button","ChevronIcon","Modal","Pill","Popup","PopupList","useConfig","useModal","useTranslation","formatAdminURL","requests","useRouter","React","Fragment","useCallback","useState","toast","MinimalTemplate","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","status","versionDate","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","toggleModal","processing","setProcessing","router","i18n","t","draft","setDraft","restoreMessage","fetchURL","redirectURL","canRestoreAsDraft","path","handleRestore","res","post","headers","language","json","success","message","push","error","_jsxs","filter","Boolean","join","_jsx","onClick","button","caret","render","ButtonGroup","size","verticalAlign","slug","buttonStyle","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 { MinimalTemplate } from '../../../templates/Minimal/index.js'\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  } = useConfig()\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  const canRestoreAsDraft = status !== 'draft'\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        <Pill\n          className={[canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n        >\n          {t('version:restoreThisVersion')}\n        </Pill>\n        {canRestoreAsDraft && (\n          <Popup\n            button={\n              <Pill className={`${baseClass}__chevron`}>\n                <ChevronIcon />\n              </Pill>\n            }\n            caret={false}\n            render={() => (\n              <PopupList.ButtonGroup>\n                <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                  {t('version:restoreAsDraft')}\n                </PopupList.Button>\n              </PopupList.ButtonGroup>\n            )}\n            size=\"large\"\n            verticalAlign=\"bottom\"\n          />\n        )}\n      </div>\n      <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__modal-template`}>\n          <h1>{t('version:confirmVersionRestoration')}</h1>\n          <p>{restoreMessage}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={processing ? undefined : () => toggleModal(modalSlug)}\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        </MinimalTemplate>\n      </Modal>\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"mappings":"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","ignoreList":[]}