@wordpress/editor 13.35.0 → 14.0.1

package/build-module/components/post-actions/actions.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,6 +9,7 @@ import { store as coreStore } from '@wordpress/core-data';
 import { __, _n, sprintf, _x } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { useMemo, useState } from '@wordpress/element';
+import { privateApis as patternsPrivateApis } from '@wordpress/patterns';
 import { Button, TextControl, __experimentalText as Text, __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
 
 /**
@@ -19,26 +19,123 @@ import { TEMPLATE_ORIGINS, TEMPLATE_PART_POST_TYPE, TEMPLATE_POST_TYPE, PATTERN_
 import { store as editorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 import isTemplateRevertable from '../../store/utils/is-template-revertable';
+import { exportPatternAsJSONAction } from './export-pattern-action';
+import { CreateTemplatePartModalContents } from '../create-template-part-modal';
+
+// Patterns.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  PATTERN_TYPES,
+  CreatePatternModalContents,
+  useDuplicatePatternProps
+} = unlock(patternsPrivateApis);
+
+/**
+ * Check if a template is removable.
+ *
+ * @param {Object} template The template entity to check.
+ * @return {boolean} Whether the template is removable.
+ */
+function isTemplateRemovable(template) {
+  if (!template) {
+    return false;
+  }
+  // In patterns list page we map the templates parts to a different object
+  // than the one returned from the endpoint. This is why we need to check for
+  // two props whether is custom or has a theme file.
+  return [template.source, template.templatePart?.source].includes(TEMPLATE_ORIGINS.custom) && !template.has_theme_file && !template.templatePart?.has_theme_file;
+}
+const canDeleteOrReset = item => {
+  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+  const isUserPattern = item.type === PATTERN_TYPES.user;
+  return isUserPattern || isTemplatePart && item.isCustom;
+};
 function getItemTitle(item) {
   if (typeof item.title === 'string') {
     return decodeEntities(item.title);
   }
   return decodeEntities(item.title?.rendered || '');
 }
+
+// This action is used for templates, patterns and template parts.
+// Every other post type uses the similar `trashPostAction` which
+// moves the post to trash.
+const deletePostAction = {
+  id: 'delete-post',
+  label: __('Delete'),
+  isPrimary: true,
+  icon: trash,
+  isEligible(post) {
+    if ([TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE].includes(post.type)) {
+      return isTemplateRemovable(post);
+    }
+    // We can only remove user patterns.
+    return post.type === PATTERN_TYPES.user;
+  },
+  supportsBulk: true,
+  hideModalHeader: true,
+  RenderModal: ({
+    items,
+    closeModal,
+    onActionStart,
+    onActionPerformed
+  }) => {
+    const [isBusy, setIsBusy] = useState(false);
+    const {
+      removeTemplates
+    } = unlock(useDispatch(editorStore));
+    return /*#__PURE__*/_jsxs(VStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/_jsx(Text, {
+        children: items.length > 1 ? sprintf(
+        // translators: %d: number of items to delete.
+        _n('Delete %d item?', 'Delete %d items?', items.length), items.length) : sprintf(
+        // translators: %s: The template or template part's titles
+        __('Delete "%s"?'), getItemTitle(items[0]))
+      }), /*#__PURE__*/_jsxs(HStack, {
+        justify: "right",
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "tertiary",
+          onClick: closeModal,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: __('Cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "primary",
+          onClick: async () => {
+            setIsBusy(true);
+            if (onActionStart) {
+              onActionStart(items);
+            }
+            await removeTemplates(items, {
+              allowUndo: false
+            });
+            onActionPerformed?.(items);
+            setIsBusy(false);
+            closeModal();
+          },
+          isBusy: isBusy,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: __('Delete')
+        })]
+      })]
+    });
+  }
+};
 const trashPostAction = {
   id: 'move-to-trash',
   label: __('Move to Trash'),
   isPrimary: true,
   icon: trash,
-  isEligible({
-    status
-  }) {
-    return status !== 'trash';
+  isEligible(item) {
+    return !['auto-draft', 'trash'].includes(item.status);
   },
   supportsBulk: true,
   hideModalHeader: true,
   RenderModal: ({
-    items: posts,
+    items,
     closeModal,
     onActionStart,
     onActionPerformed
@@ -51,95 +148,99 @@ const trashPostAction = {
     const {
       deleteEntityRecord
     } = useDispatch(coreStore);
-    return createElement(VStack, {
-      spacing: "5"
-    }, createElement(Text, null, posts.length === 1 ? sprintf(
-    // translators: %s: The page's title.
-    __('Are you sure you want to delete "%s"?'), getItemTitle(posts[0])) : sprintf(
-    // translators: %d: The number of pages (2 or more).
-    _n('Are you sure you want to delete %d page?', 'Are you sure you want to delete %d pages?', posts.length), posts.length)), createElement(HStack, {
-      justify: "right"
-    }, createElement(Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, __('Cancel')), createElement(Button, {
-      variant: "primary",
-      onClick: async () => {
-        setIsBusy(true);
-        if (onActionStart) {
-          onActionStart(posts);
-        }
-        const promiseResult = await Promise.allSettled(posts.map(post => {
-          return deleteEntityRecord('postType', post.type, post.id, {}, {
-            throwOnError: true
-          });
-        }));
-        // If all the promises were fulfilled with success.
-        if (promiseResult.every(({
-          status
-        }) => status === 'fulfilled')) {
-          let successMessage;
-          if (promiseResult.length === 1) {
-            successMessage = sprintf( /* translators: The posts's title. */
-            __('"%s" moved to the Trash.'), getItemTitle(posts[0]));
-          } else if (posts[0].type === 'page') {
-            successMessage = sprintf( /* translators: The number of pages. */
-            __('%s pages moved to the Trash.'), posts.length);
-          } else {
-            successMessage = sprintf( /* translators: The number of posts. */
-            __('%s posts moved to the Trash.'), posts.length);
-          }
-          createSuccessNotice(successMessage, {
-            type: 'snackbar',
-            id: 'trash-post-action'
-          });
-        } else {
-          // If there was at lease one failure.
-          let errorMessage;
-          // If we were trying to move a single post to the trash.
-          if (promiseResult.length === 1) {
-            if (promiseResult[0].reason?.message) {
-              errorMessage = promiseResult[0].reason.message;
-            } else {
-              errorMessage = __('An error occurred while moving the post to the trash.');
+    return /*#__PURE__*/_jsxs(VStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/_jsx(Text, {
+        children: items.length === 1 ? sprintf(
+        // translators: %s: The item's title.
+        __('Are you sure you want to move to trash "%s"?'), getItemTitle(items[0])) : sprintf(
+        // translators: %d: The number of items (2 or more).
+        _n('Are you sure you want to move to trash %d item?', 'Are you sure you want to move to trash %d items?', items.length), items.length)
+      }), /*#__PURE__*/_jsxs(HStack, {
+        justify: "right",
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "tertiary",
+          onClick: closeModal,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: __('Cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "primary",
+          onClick: async () => {
+            setIsBusy(true);
+            if (onActionStart) {
+              onActionStart(items);
             }
-            // If we were trying to move multiple posts to the trash
-          } else {
-            const errorMessages = new Set();
-            const failedPromises = promiseResult.filter(({
+            const promiseResult = await Promise.allSettled(items.map(item => deleteEntityRecord('postType', item.type, item.id, {}, {
+              throwOnError: true
+            })));
+            // If all the promises were fulfilled with success.
+            if (promiseResult.every(({
               status
-            }) => status === 'rejected');
-            for (const failedPromise of failedPromises) {
-              if (failedPromise.reason?.message) {
-                errorMessages.add(failedPromise.reason.message);
+            }) => status === 'fulfilled')) {
+              let successMessage;
+              if (promiseResult.length === 1) {
+                successMessage = sprintf( /* translators: The item's title. */
+                __('"%s" moved to trash.'), getItemTitle(items[0]));
+              } else if (items[0].type === 'page') {
+                successMessage = sprintf( /* translators: The number of items. */
+                __('%s items moved to trash.'), items.length);
+              } else {
+                successMessage = sprintf( /* translators: The number of posts. */
+                __('%s items move to trash.'), items.length);
               }
-            }
-            if (errorMessages.size === 0) {
-              errorMessage = __('An error occurred while moving the posts to the trash.');
-            } else if (errorMessages.size === 1) {
-              errorMessage = sprintf( /* translators: %s: an error message */
-              __('An error occurred while moving the posts to the trash: %s'), [...errorMessages][0]);
+              createSuccessNotice(successMessage, {
+                type: 'snackbar',
+                id: 'move-to-trash-action'
+              });
             } else {
-              errorMessage = sprintf( /* translators: %s: a list of comma separated error messages */
-              __('Some errors occurred while moving the pages to the trash: %s'), [...errorMessages].join(','));
+              // If there was at least one failure.
+              let errorMessage;
+              // If we were trying to delete a single item.
+              if (promiseResult.length === 1) {
+                if (promiseResult[0].reason?.message) {
+                  errorMessage = promiseResult[0].reason.message;
+                } else {
+                  errorMessage = __('An error occurred while moving to trash the item.');
+                }
+                // If we were trying to delete multiple items.
+              } else {
+                const errorMessages = new Set();
+                const failedPromises = promiseResult.filter(({
+                  status
+                }) => status === 'rejected');
+                for (const failedPromise of failedPromises) {
+                  if (failedPromise.reason?.message) {
+                    errorMessages.add(failedPromise.reason.message);
+                  }
+                }
+                if (errorMessages.size === 0) {
+                  errorMessage = __('An error occurred while moving to trash the items.');
+                } else if (errorMessages.size === 1) {
+                  errorMessage = sprintf( /* translators: %s: an error message */
+                  __('An error occurred while moving to trash the item: %s'), [...errorMessages][0]);
+                } else {
+                  errorMessage = sprintf( /* translators: %s: a list of comma separated error messages */
+                  __('Some errors occurred while moving to trash the items: %s'), [...errorMessages].join(','));
+                }
+              }
+              createErrorNotice(errorMessage, {
+                type: 'snackbar'
+              });
             }
-          }
-          createErrorNotice(errorMessage, {
-            type: 'snackbar'
-          });
-        }
-        if (onActionPerformed) {
-          onActionPerformed(posts);
-        }
-        setIsBusy(false);
-        closeModal();
-      },
-      isBusy: isBusy,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, __('Delete'))));
+            if (onActionPerformed) {
+              onActionPerformed(items);
+            }
+            setIsBusy(false);
+            closeModal();
+          },
+          isBusy: isBusy,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: __('Trash')
+        })]
+      })]
+    });
   }
 };
 function usePermanentlyDeletePostAction() {
@@ -331,8 +432,12 @@ const viewPostAction = {
 };
 const postRevisionsAction = {
   id: 'view-post-revisions',
-  label: __('View revisions'),
-  isPrimary: false,
+  label(items) {
+    var _items$0$_links$versi;
+    const revisionsCount = (_items$0$_links$versi = items[0]._links?.['version-history']?.[0]?.count) !== null && _items$0$_links$versi !== void 0 ? _items$0$_links$versi : 0;
+    return sprintf( /* translators: %s: number of revisions */
+    __('View revisions (%s)'), revisionsCount);
+  },
   isEligible: post => {
     var _post$_links$predeces, _post$_links$version;
     if (post.status === 'trash') {
@@ -357,7 +462,26 @@ const renamePostAction = {
   id: 'rename-post',
   label: __('Rename'),
   isEligible(post) {
-    return post.status !== 'trash';
+    if (post.status === 'trash') {
+      return false;
+    }
+    // Templates, template parts and patterns have special checks for renaming.
+    if (![TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, ...Object.values(PATTERN_TYPES)].includes(post.type)) {
+      return true;
+    }
+    // In the case of templates, we can only rename custom templates.
+    if (post.type === TEMPLATE_POST_TYPE) {
+      return isTemplateRemovable(post) && post.is_custom;
+    }
+    // Make necessary checks for template parts and patterns.
+    const isTemplatePart = post.type === TEMPLATE_PART_POST_TYPE;
+    const isUserPattern = post.type === PATTERN_TYPES.user;
+    // In patterns list page we map the templates parts to a different object
+    // than the one returned from the endpoint. This is why we need to check for
+    // two props whether is custom or has a theme file.
+    const isCustomPattern = isUserPattern || isTemplatePart && (post.isCustom || post.source === TEMPLATE_ORIGINS.custom);
+    const hasThemeFile = isTemplatePart && (post.templatePart?.has_theme_file || post.has_theme_file);
+    return isCustomPattern && !hasThemeFile;
   },
   RenderModal: ({
     items,
@@ -399,30 +523,35 @@ const renamePostAction = {
         });
       }
     }
-    return createElement("form", {
-      onSubmit: onRename
-    }, createElement(VStack, {
-      spacing: "5"
-    }, createElement(TextControl, {
-      __nextHasNoMarginBottom: true,
-      __next40pxDefaultSize: true,
-      label: __('Name'),
-      value: title,
-      onChange: setTitle,
-      required: true
-    }), createElement(HStack, {
-      justify: "right"
-    }, createElement(Button, {
-      __next40pxDefaultSize: true,
-      variant: "tertiary",
-      onClick: () => {
-        closeModal();
-      }
-    }, __('Cancel')), createElement(Button, {
-      __next40pxDefaultSize: true,
-      variant: "primary",
-      type: "submit"
-    }, __('Save')))));
+    return /*#__PURE__*/_jsx("form", {
+      onSubmit: onRename,
+      children: /*#__PURE__*/_jsxs(VStack, {
+        spacing: "5",
+        children: [/*#__PURE__*/_jsx(TextControl, {
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize: true,
+          label: __('Name'),
+          value: title,
+          onChange: setTitle,
+          required: true
+        }), /*#__PURE__*/_jsxs(HStack, {
+          justify: "right",
+          children: [/*#__PURE__*/_jsx(Button, {
+            __next40pxDefaultSize: true,
+            variant: "tertiary",
+            onClick: () => {
+              closeModal();
+            },
+            children: __('Cancel')
+          }), /*#__PURE__*/_jsx(Button, {
+            __next40pxDefaultSize: true,
+            variant: "primary",
+            type: "submit",
+            children: __('Save')
+          })]
+        })]
+      })
+    });
   }
 };
 const duplicatePostAction = {
@@ -496,33 +625,47 @@ const duplicatePostAction = {
         closeModal();
       }
     }
-    return createElement("form", {
-      onSubmit: createPage
-    }, createElement(VStack, {
-      spacing: 3
-    }, createElement(TextControl, {
-      label: __('Title'),
-      onChange: setTitle,
-      placeholder: __('No title'),
-      value: title
-    }), createElement(HStack, {
-      spacing: 2,
-      justify: "end"
-    }, createElement(Button, {
-      variant: "tertiary",
-      onClick: closeModal
-    }, __('Cancel')), createElement(Button, {
-      variant: "primary",
-      type: "submit",
-      isBusy: isCreatingPage,
-      "aria-disabled": isCreatingPage
-    }, _x('Duplicate', 'action label')))));
+    return /*#__PURE__*/_jsx("form", {
+      onSubmit: createPage,
+      children: /*#__PURE__*/_jsxs(VStack, {
+        spacing: 3,
+        children: [/*#__PURE__*/_jsx(TextControl, {
+          label: __('Title'),
+          onChange: setTitle,
+          placeholder: __('No title'),
+          value: title
+        }), /*#__PURE__*/_jsxs(HStack, {
+          spacing: 2,
+          justify: "end",
+          children: [/*#__PURE__*/_jsx(Button, {
+            variant: "tertiary",
+            onClick: closeModal,
+            children: __('Cancel')
+          }), /*#__PURE__*/_jsx(Button, {
+            variant: "primary",
+            type: "submit",
+            isBusy: isCreatingPage,
+            "aria-disabled": isCreatingPage,
+            children: _x('Duplicate', 'action label')
+          })]
+        })]
+      })
+    });
   }
 };
+const isTemplatePartRevertable = item => {
+  if (!item) {
+    return false;
+  }
+  const hasThemeFile = item.templatePart?.has_theme_file;
+  return canDeleteOrReset(item) && hasThemeFile;
+};
 const resetTemplateAction = {
   id: 'reset-template',
   label: __('Reset'),
-  isEligible: isTemplateRevertable,
+  isEligible: item => {
+    return item.type === TEMPLATE_PART_POST_TYPE ? isTemplatePartRevertable(item) : isTemplateRevertable(item);
+  },
   icon: backup,
   supportsBulk: true,
   hideModalHeader: true,
@@ -534,7 +677,8 @@ const resetTemplateAction = {
   }) => {
     const [isBusy, setIsBusy] = useState(false);
     const {
-      revertTemplate
+      revertTemplate,
+      removeTemplates
     } = unlock(useDispatch(editorStore));
     const {
       saveEditedEntityRecord
@@ -545,18 +689,24 @@ const resetTemplateAction = {
     } = useDispatch(noticesStore);
     const onConfirm = async () => {
       try {
-        for (const template of items) {
-          await revertTemplate(template, {
-            allowUndo: false
+        if (items[0].type === TEMPLATE_PART_POST_TYPE) {
+          await removeTemplates(items);
+        } else {
+          for (const template of items) {
+            if (template.type === TEMPLATE_POST_TYPE) {
+              await revertTemplate(template, {
+                allowUndo: false
+              });
+              await saveEditedEntityRecord('postType', template.type, template.id);
+            }
+          }
+          createSuccessNotice(items.length > 1 ? sprintf( /* translators: The number of items. */
+          __('%s items reset.'), items.length) : sprintf( /* translators: The template/part's name. */
+          __('"%s" reset.'), decodeEntities(getItemTitle(items[0]))), {
+            type: 'snackbar',
+            id: 'revert-template-action'
           });
-          await saveEditedEntityRecord('postType', template.type, template.id);
         }
-        createSuccessNotice(items.length > 1 ? sprintf( /* translators: The number of items. */
-        __('%s items reset.'), items.length) : sprintf( /* translators: The template/part's name. */
-        __('"%s" reset.'), decodeEntities(items[0].title.rendered)), {
-          type: 'snackbar',
-          id: 'revert-template-action'
-        });
       } catch (error) {
         let fallbackErrorMessage;
         if (items[0].type === TEMPLATE_POST_TYPE) {
@@ -570,173 +720,92 @@ const resetTemplateAction = {
         });
       }
     };
-    return createElement(VStack, {
-      spacing: "5"
-    }, createElement(Text, null, __('Reset to default and clear all customizations?')), createElement(HStack, {
-      justify: "right"
-    }, createElement(Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, __('Cancel')), createElement(Button, {
-      variant: "primary",
-      onClick: async () => {
-        setIsBusy(true);
-        if (onActionStart) {
-          onActionStart(items);
-        }
-        await onConfirm(items);
-        onActionPerformed?.(items);
-        closeModal();
-        isBusy(false);
-      },
-      isBusy: isBusy,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, __('Reset'))));
+    return /*#__PURE__*/_jsxs(VStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/_jsx(Text, {
+        children: __('Reset to default and clear all customizations?')
+      }), /*#__PURE__*/_jsxs(HStack, {
+        justify: "right",
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "tertiary",
+          onClick: closeModal,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: __('Cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "primary",
+          onClick: async () => {
+            setIsBusy(true);
+            if (onActionStart) {
+              onActionStart(items);
+            }
+            await onConfirm(items);
+            onActionPerformed?.(items);
+            setIsBusy(false);
+            closeModal();
+          },
+          isBusy: isBusy,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: __('Reset')
+        })]
+      })]
+    });
   }
 };
-
-/**
- * Check if a template is removable.
- * Copy from packages/edit-site/src/utils/is-template-removable.js.
- *
- * @param {Object} template The template entity to check.
- * @return {boolean} Whether the template is revertable.
- */
-function isTemplateRemovable(template) {
-  if (!template) {
-    return false;
-  }
-  return template.source === TEMPLATE_ORIGINS.custom && !template.has_theme_file;
-}
-const deleteTemplateAction = {
-  id: 'delete-template',
-  label: __('Delete'),
-  isEligible: isTemplateRemovable,
-  icon: trash,
-  supportsBulk: true,
-  hideModalHeader: true,
+export const duplicatePatternAction = {
+  id: 'duplicate-pattern',
+  label: _x('Duplicate', 'action label'),
+  isEligible: item => item.type !== TEMPLATE_PART_POST_TYPE,
+  modalHeader: _x('Duplicate pattern', 'action label'),
   RenderModal: ({
-    items: templates,
-    closeModal,
-    onActionStart,
-    onActionPerformed
+    items,
+    closeModal
   }) => {
-    const [isBusy, setIsBusy] = useState(false);
-    const {
-      removeTemplates
-    } = unlock(useDispatch(editorStore));
-    return createElement(VStack, {
-      spacing: "5"
-    }, createElement(Text, null, templates.length > 1 ? sprintf(
-    // translators: %d: number of items to delete.
-    _n('Delete %d item?', 'Delete %d items?', templates.length), templates.length) : sprintf(
-    // translators: %s: The template or template part's titles
-    __('Delete "%s"?'), decodeEntities(templates?.[0]?.title?.rendered))), createElement(HStack, {
-      justify: "right"
-    }, createElement(Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, __('Cancel')), createElement(Button, {
-      variant: "primary",
-      onClick: async () => {
-        setIsBusy(true);
-        if (onActionStart) {
-          onActionStart(templates);
-        }
-        await removeTemplates(templates, {
-          allowUndo: false
-        });
-        onActionPerformed?.(templates);
-        setIsBusy(false);
-        closeModal();
-      },
-      isBusy: isBusy,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, __('Delete'))));
+    const [item] = items;
+    const isThemePattern = item.type === PATTERN_TYPES.theme;
+    const duplicatedProps = useDuplicatePatternProps({
+      pattern: isThemePattern || !item.patternPost ? item : item.patternPost,
+      onSuccess: () => closeModal()
+    });
+    return /*#__PURE__*/_jsx(CreatePatternModalContents, {
+      onClose: closeModal,
+      confirmLabel: _x('Duplicate', 'action label'),
+      ...duplicatedProps
+    });
   }
 };
-const renameTemplateAction = {
-  id: 'rename-template',
-  label: __('Rename'),
-  isEligible: template => {
-    // We can only remove templates or template parts that can be removed.
-    // Additionally in the case of templates, we can only remove custom templates.
-    if (!isTemplateRemovable(template) || template.type === TEMPLATE_POST_TYPE && !template.is_custom) {
-      return false;
-    }
-    return true;
-  },
+export const duplicateTemplatePartAction = {
+  id: 'duplicate-template-part',
+  label: _x('Duplicate', 'action label'),
+  isEligible: item => item.type === TEMPLATE_PART_POST_TYPE,
+  modalHeader: _x('Duplicate template part', 'action label'),
   RenderModal: ({
-    items: templates,
-    closeModal,
-    onActionPerformed
+    items,
+    closeModal
   }) => {
-    const template = templates[0];
-    const title = decodeEntities(template.title.rendered);
-    const [editedTitle, setEditedTitle] = useState(title);
-    const {
-      editEntityRecord,
-      __experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits
-    } = useDispatch(coreStore);
+    const [item] = items;
     const {
-      createSuccessNotice,
-      createErrorNotice
+      createSuccessNotice
     } = useDispatch(noticesStore);
-    async function onTemplateRename(event) {
-      event.preventDefault();
-      try {
-        await editEntityRecord('postType', template.type, template.id, {
-          title: editedTitle
-        });
-        // Update state before saving rerenders the list.
-        setEditedTitle('');
-        closeModal();
-        // Persist edited entity.
-        await saveSpecifiedEntityEdits('postType', template.type, template.id, ['title'],
-        // Only save title to avoid persisting other edits.
-        {
-          throwOnError: true
-        });
-        createSuccessNotice(template.type === TEMPLATE_POST_TYPE ? __('Template renamed.') : __('Template part renamed.'), {
-          type: 'snackbar'
-        });
-        onActionPerformed?.(templates);
-      } catch (error) {
-        const fallbackErrorMessage = template.type === TEMPLATE_POST_TYPE ? __('An error occurred while renaming the template.') : __('An error occurred while renaming the template part.');
-        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : fallbackErrorMessage;
-        createErrorNotice(errorMessage, {
-          type: 'snackbar'
-        });
-      }
+    function onTemplatePartSuccess() {
+      createSuccessNotice(sprintf(
+      // translators: %s: The new template part's title e.g. 'Call to action (copy)'.
+      __('"%s" duplicated.'), item.title), {
+        type: 'snackbar',
+        id: 'edit-site-patterns-success'
+      });
+      closeModal();
     }
-    return createElement("form", {
-      onSubmit: onTemplateRename
-    }, createElement(VStack, {
-      spacing: "5"
-    }, createElement(TextControl, {
-      __nextHasNoMarginBottom: true,
-      __next40pxDefaultSize: true,
-      label: __('Name'),
-      value: editedTitle,
-      onChange: setEditedTitle,
-      required: true
-    }), createElement(HStack, {
-      justify: "right"
-    }, createElement(Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      __next40pxDefaultSize: true
-    }, __('Cancel')), createElement(Button, {
-      variant: "primary",
-      type: "submit",
-      __next40pxDefaultSize: true
-    }, __('Save')))));
+    return /*#__PURE__*/_jsx(CreateTemplatePartModalContents, {
+      blocks: item.blocks,
+      defaultArea: item.templatePart?.area || item.area,
+      defaultTitle: sprintf( /* translators: %s: Existing template part title */
+      __('%s (Copy)'), item.title),
+      onCreate: onTemplatePartSuccess,
+      onError: closeModal,
+      confirmLabel: _x('Duplicate', 'action label')
+    });
   }
 };
 export function usePostActions(postType, onActionPerformed) {
@@ -755,11 +824,13 @@ export function usePostActions(postType, onActionPerformed) {
   const isTemplateOrTemplatePart = [TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE].includes(postType);
   const isPattern = postType === PATTERN_POST_TYPE;
   const isLoaded = !!postTypeObject;
+  const supportsRevisions = !!postTypeObject?.supports?.revisions;
+  const supportsTitle = !!postTypeObject?.supports?.title;
   return useMemo(() => {
     if (!isLoaded) {
       return [];
     }
-    const actions = [isTemplateOrTemplatePart && resetTemplateAction, postTypeObject?.viewable && viewPostAction, !isTemplateOrTemplatePart && restorePostAction, isTemplateOrTemplatePart && deleteTemplateAction, !isTemplateOrTemplatePart && permanentlyDeletePostAction, postRevisionsAction, process.env.IS_GUTENBERG_PLUGIN ? !isTemplateOrTemplatePart && !isPattern && duplicatePostAction : false, !isTemplateOrTemplatePart && renamePostAction, isTemplateOrTemplatePart && renameTemplateAction, !isTemplateOrTemplatePart && trashPostAction].filter(Boolean);
+    const actions = [postTypeObject?.viewable && viewPostAction, supportsRevisions && postRevisionsAction, globalThis.IS_GUTENBERG_PLUGIN ? !isTemplateOrTemplatePart && !isPattern && duplicatePostAction : false, isTemplateOrTemplatePart && duplicateTemplatePartAction, isPattern && duplicatePatternAction, supportsTitle && renamePostAction, isPattern && exportPatternAsJSONAction, isTemplateOrTemplatePart ? resetTemplateAction : restorePostAction, isTemplateOrTemplatePart || isPattern ? deletePostAction : trashPostAction, !isTemplateOrTemplatePart && permanentlyDeletePostAction].filter(Boolean);
     if (onActionPerformed) {
       for (let i = 0; i < actions.length; ++i) {
         if (actions[i].callback) {
@@ -781,7 +852,7 @@ export function usePostActions(postType, onActionPerformed) {
           actions[i] = {
             ...actions[i],
             RenderModal: props => {
-              return createElement(ExistingRenderModal, {
+              return /*#__PURE__*/_jsx(ExistingRenderModal, {
                 ...props,
                 onActionPerformed: _items => {
                   if (props.onActionPerformed) {
@@ -796,6 +867,6 @@ export function usePostActions(postType, onActionPerformed) {
       }
     }
     return actions;
-  }, [isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, permanentlyDeletePostAction, restorePostAction, onActionPerformed, isLoaded]);
+  }, [isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, permanentlyDeletePostAction, restorePostAction, onActionPerformed, isLoaded, supportsRevisions, supportsTitle]);
 }
 //# sourceMappingURL=actions.js.map