@wordpress/editor 13.35.0 → 14.0.0

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

@@ -4,8 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.duplicateTemplatePartAction = exports.duplicatePatternAction = void 0;
 exports.usePostActions = usePostActions;
-var _react = require("react");
 var _icons = require("@wordpress/icons");
 var _url = require("@wordpress/url");
 var _data = require("@wordpress/data");
@@ -14,11 +14,15 @@ var _coreData = require("@wordpress/core-data");
 var _i18n = require("@wordpress/i18n");
 var _notices = require("@wordpress/notices");
 var _element = require("@wordpress/element");
+var _patterns = require("@wordpress/patterns");
 var _components = require("@wordpress/components");
 var _constants = require("../../store/constants");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
 var _isTemplateRevertable = _interopRequireDefault(require("../../store/utils/is-template-revertable"));
+var _exportPatternAction = require("./export-pattern-action");
+var _createTemplatePartModal = require("../create-template-part-modal");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -27,26 +31,118 @@ var _isTemplateRevertable = _interopRequireDefault(require("../../store/utils/is
  * Internal dependencies
  */
 
+// Patterns.
+const {
+  PATTERN_TYPES,
+  CreatePatternModalContents,
+  useDuplicatePatternProps
+} = (0, _lockUnlock.unlock)(_patterns.privateApis);
+
+/**
+ * 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(_constants.TEMPLATE_ORIGINS.custom) && !template.has_theme_file && !template.templatePart?.has_theme_file;
+}
+const canDeleteOrReset = item => {
+  const isTemplatePart = item.type === _constants.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 (0, _htmlEntities.decodeEntities)(item.title);
   }
   return (0, _htmlEntities.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: (0, _i18n.__)('Delete'),
+  isPrimary: true,
+  icon: _icons.trash,
+  isEligible(post) {
+    if ([_constants.TEMPLATE_POST_TYPE, _constants.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] = (0, _element.useState)(false);
+    const {
+      removeTemplates
+    } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        children: items.length > 1 ? (0, _i18n.sprintf)(
+        // translators: %d: number of items to delete.
+        (0, _i18n._n)('Delete %d item?', 'Delete %d items?', items.length), items.length) : (0, _i18n.sprintf)(
+        // translators: %s: The template or template part's titles
+        (0, _i18n.__)('Delete "%s"?'), getItemTitle(items[0]))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "right",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          variant: "tertiary",
+          onClick: closeModal,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: (0, _i18n.__)('Cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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: (0, _i18n.__)('Delete')
+        })]
+      })]
+    });
+  }
+};
 const trashPostAction = {
   id: 'move-to-trash',
   label: (0, _i18n.__)('Move to Trash'),
   isPrimary: true,
   icon: _icons.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
@@ -59,95 +155,99 @@ const trashPostAction = {
     const {
       deleteEntityRecord
     } = (0, _data.useDispatch)(_coreData.store);
-    return (0, _react.createElement)(_components.__experimentalVStack, {
-      spacing: "5"
-    }, (0, _react.createElement)(_components.__experimentalText, null, posts.length === 1 ? (0, _i18n.sprintf)(
-    // translators: %s: The page's title.
-    (0, _i18n.__)('Are you sure you want to delete "%s"?'), getItemTitle(posts[0])) : (0, _i18n.sprintf)(
-    // translators: %d: The number of pages (2 or more).
-    (0, _i18n._n)('Are you sure you want to delete %d page?', 'Are you sure you want to delete %d pages?', posts.length), posts.length)), (0, _react.createElement)(_components.__experimentalHStack, {
-      justify: "right"
-    }, (0, _react.createElement)(_components.Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.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 = (0, _i18n.sprintf)( /* translators: The posts's title. */
-            (0, _i18n.__)('"%s" moved to the Trash.'), getItemTitle(posts[0]));
-          } else if (posts[0].type === 'page') {
-            successMessage = (0, _i18n.sprintf)( /* translators: The number of pages. */
-            (0, _i18n.__)('%s pages moved to the Trash.'), posts.length);
-          } else {
-            successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
-            (0, _i18n.__)('%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 = (0, _i18n.__)('An error occurred while moving the post to the trash.');
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        children: items.length === 1 ? (0, _i18n.sprintf)(
+        // translators: %s: The item's title.
+        (0, _i18n.__)('Are you sure you want to move to trash "%s"?'), getItemTitle(items[0])) : (0, _i18n.sprintf)(
+        // translators: %d: The number of items (2 or more).
+        (0, _i18n._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__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "right",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          variant: "tertiary",
+          onClick: closeModal,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: (0, _i18n.__)('Cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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 = (0, _i18n.sprintf)( /* translators: The item's title. */
+                (0, _i18n.__)('"%s" moved to trash.'), getItemTitle(items[0]));
+              } else if (items[0].type === 'page') {
+                successMessage = (0, _i18n.sprintf)( /* translators: The number of items. */
+                (0, _i18n.__)('%s items moved to trash.'), items.length);
+              } else {
+                successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+                (0, _i18n.__)('%s items move to trash.'), items.length);
               }
-            }
-            if (errorMessages.size === 0) {
-              errorMessage = (0, _i18n.__)('An error occurred while moving the posts to the trash.');
-            } else if (errorMessages.size === 1) {
-              errorMessage = (0, _i18n.sprintf)( /* translators: %s: an error message */
-              (0, _i18n.__)('An error occurred while moving the posts to the trash: %s'), [...errorMessages][0]);
+              createSuccessNotice(successMessage, {
+                type: 'snackbar',
+                id: 'move-to-trash-action'
+              });
             } else {
-              errorMessage = (0, _i18n.sprintf)( /* translators: %s: a list of comma separated error messages */
-              (0, _i18n.__)('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 = (0, _i18n.__)('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 = (0, _i18n.__)('An error occurred while moving to trash the items.');
+                } else if (errorMessages.size === 1) {
+                  errorMessage = (0, _i18n.sprintf)( /* translators: %s: an error message */
+                  (0, _i18n.__)('An error occurred while moving to trash the item: %s'), [...errorMessages][0]);
+                } else {
+                  errorMessage = (0, _i18n.sprintf)( /* translators: %s: a list of comma separated error messages */
+                  (0, _i18n.__)('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
-    }, (0, _i18n.__)('Delete'))));
+            if (onActionPerformed) {
+              onActionPerformed(items);
+            }
+            setIsBusy(false);
+            closeModal();
+          },
+          isBusy: isBusy,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: (0, _i18n.__)('Trash')
+        })]
+      })]
+    });
   }
 };
 function usePermanentlyDeletePostAction() {
@@ -339,8 +439,12 @@ const viewPostAction = {
 };
 const postRevisionsAction = {
   id: 'view-post-revisions',
-  label: (0, _i18n.__)('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 (0, _i18n.sprintf)( /* translators: %s: number of revisions */
+    (0, _i18n.__)('View revisions (%s)'), revisionsCount);
+  },
   isEligible: post => {
     var _post$_links$predeces, _post$_links$version;
     if (post.status === 'trash') {
@@ -365,7 +469,26 @@ const renamePostAction = {
   id: 'rename-post',
   label: (0, _i18n.__)('Rename'),
   isEligible(post) {
-    return post.status !== 'trash';
+    if (post.status === 'trash') {
+      return false;
+    }
+    // Templates, template parts and patterns have special checks for renaming.
+    if (![_constants.TEMPLATE_POST_TYPE, _constants.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 === _constants.TEMPLATE_POST_TYPE) {
+      return isTemplateRemovable(post) && post.is_custom;
+    }
+    // Make necessary checks for template parts and patterns.
+    const isTemplatePart = post.type === _constants.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 === _constants.TEMPLATE_ORIGINS.custom);
+    const hasThemeFile = isTemplatePart && (post.templatePart?.has_theme_file || post.has_theme_file);
+    return isCustomPattern && !hasThemeFile;
   },
   RenderModal: ({
     items,
@@ -407,30 +530,35 @@ const renamePostAction = {
         });
       }
     }
-    return (0, _react.createElement)("form", {
-      onSubmit: onRename
-    }, (0, _react.createElement)(_components.__experimentalVStack, {
-      spacing: "5"
-    }, (0, _react.createElement)(_components.TextControl, {
-      __nextHasNoMarginBottom: true,
-      __next40pxDefaultSize: true,
-      label: (0, _i18n.__)('Name'),
-      value: title,
-      onChange: setTitle,
-      required: true
-    }), (0, _react.createElement)(_components.__experimentalHStack, {
-      justify: "right"
-    }, (0, _react.createElement)(_components.Button, {
-      __next40pxDefaultSize: true,
-      variant: "tertiary",
-      onClick: () => {
-        closeModal();
-      }
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
-      __next40pxDefaultSize: true,
-      variant: "primary",
-      type: "submit"
-    }, (0, _i18n.__)('Save')))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
+      onSubmit: onRename,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        spacing: "5",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize: true,
+          label: (0, _i18n.__)('Name'),
+          value: title,
+          onChange: setTitle,
+          required: true
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+          justify: "right",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            __next40pxDefaultSize: true,
+            variant: "tertiary",
+            onClick: () => {
+              closeModal();
+            },
+            children: (0, _i18n.__)('Cancel')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            __next40pxDefaultSize: true,
+            variant: "primary",
+            type: "submit",
+            children: (0, _i18n.__)('Save')
+          })]
+        })]
+      })
+    });
   }
 };
 const duplicatePostAction = {
@@ -504,33 +632,47 @@ const duplicatePostAction = {
         closeModal();
       }
     }
-    return (0, _react.createElement)("form", {
-      onSubmit: createPage
-    }, (0, _react.createElement)(_components.__experimentalVStack, {
-      spacing: 3
-    }, (0, _react.createElement)(_components.TextControl, {
-      label: (0, _i18n.__)('Title'),
-      onChange: setTitle,
-      placeholder: (0, _i18n.__)('No title'),
-      value: title
-    }), (0, _react.createElement)(_components.__experimentalHStack, {
-      spacing: 2,
-      justify: "end"
-    }, (0, _react.createElement)(_components.Button, {
-      variant: "tertiary",
-      onClick: closeModal
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
-      variant: "primary",
-      type: "submit",
-      isBusy: isCreatingPage,
-      "aria-disabled": isCreatingPage
-    }, (0, _i18n._x)('Duplicate', 'action label')))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
+      onSubmit: createPage,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        spacing: 3,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+          label: (0, _i18n.__)('Title'),
+          onChange: setTitle,
+          placeholder: (0, _i18n.__)('No title'),
+          value: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+          spacing: 2,
+          justify: "end",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            variant: "tertiary",
+            onClick: closeModal,
+            children: (0, _i18n.__)('Cancel')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            variant: "primary",
+            type: "submit",
+            isBusy: isCreatingPage,
+            "aria-disabled": isCreatingPage,
+            children: (0, _i18n._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: (0, _i18n.__)('Reset'),
-  isEligible: _isTemplateRevertable.default,
+  isEligible: item => {
+    return item.type === _constants.TEMPLATE_PART_POST_TYPE ? isTemplatePartRevertable(item) : (0, _isTemplateRevertable.default)(item);
+  },
   icon: _icons.backup,
   supportsBulk: true,
   hideModalHeader: true,
@@ -542,7 +684,8 @@ const resetTemplateAction = {
   }) => {
     const [isBusy, setIsBusy] = (0, _element.useState)(false);
     const {
-      revertTemplate
+      revertTemplate,
+      removeTemplates
     } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
     const {
       saveEditedEntityRecord
@@ -553,18 +696,24 @@ const resetTemplateAction = {
     } = (0, _data.useDispatch)(_notices.store);
     const onConfirm = async () => {
       try {
-        for (const template of items) {
-          await revertTemplate(template, {
-            allowUndo: false
+        if (items[0].type === _constants.TEMPLATE_PART_POST_TYPE) {
+          await removeTemplates(items);
+        } else {
+          for (const template of items) {
+            if (template.type === _constants.TEMPLATE_POST_TYPE) {
+              await revertTemplate(template, {
+                allowUndo: false
+              });
+              await saveEditedEntityRecord('postType', template.type, template.id);
+            }
+          }
+          createSuccessNotice(items.length > 1 ? (0, _i18n.sprintf)( /* translators: The number of items. */
+          (0, _i18n.__)('%s items reset.'), items.length) : (0, _i18n.sprintf)( /* translators: The template/part's name. */
+          (0, _i18n.__)('"%s" reset.'), (0, _htmlEntities.decodeEntities)(getItemTitle(items[0]))), {
+            type: 'snackbar',
+            id: 'revert-template-action'
           });
-          await saveEditedEntityRecord('postType', template.type, template.id);
         }
-        createSuccessNotice(items.length > 1 ? (0, _i18n.sprintf)( /* translators: The number of items. */
-        (0, _i18n.__)('%s items reset.'), items.length) : (0, _i18n.sprintf)( /* translators: The template/part's name. */
-        (0, _i18n.__)('"%s" reset.'), (0, _htmlEntities.decodeEntities)(items[0].title.rendered)), {
-          type: 'snackbar',
-          id: 'revert-template-action'
-        });
       } catch (error) {
         let fallbackErrorMessage;
         if (items[0].type === _constants.TEMPLATE_POST_TYPE) {
@@ -578,173 +727,92 @@ const resetTemplateAction = {
         });
       }
     };
-    return (0, _react.createElement)(_components.__experimentalVStack, {
-      spacing: "5"
-    }, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('Reset to default and clear all customizations?')), (0, _react.createElement)(_components.__experimentalHStack, {
-      justify: "right"
-    }, (0, _react.createElement)(_components.Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.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
-    }, (0, _i18n.__)('Reset'))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        children: (0, _i18n.__)('Reset to default and clear all customizations?')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "right",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          variant: "tertiary",
+          onClick: closeModal,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: (0, _i18n.__)('Cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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: (0, _i18n.__)('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 === _constants.TEMPLATE_ORIGINS.custom && !template.has_theme_file;
-}
-const deleteTemplateAction = {
-  id: 'delete-template',
-  label: (0, _i18n.__)('Delete'),
-  isEligible: isTemplateRemovable,
-  icon: _icons.trash,
-  supportsBulk: true,
-  hideModalHeader: true,
+const duplicatePatternAction = exports.duplicatePatternAction = {
+  id: 'duplicate-pattern',
+  label: (0, _i18n._x)('Duplicate', 'action label'),
+  isEligible: item => item.type !== _constants.TEMPLATE_PART_POST_TYPE,
+  modalHeader: (0, _i18n._x)('Duplicate pattern', 'action label'),
   RenderModal: ({
-    items: templates,
-    closeModal,
-    onActionStart,
-    onActionPerformed
+    items,
+    closeModal
   }) => {
-    const [isBusy, setIsBusy] = (0, _element.useState)(false);
-    const {
-      removeTemplates
-    } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-    return (0, _react.createElement)(_components.__experimentalVStack, {
-      spacing: "5"
-    }, (0, _react.createElement)(_components.__experimentalText, null, templates.length > 1 ? (0, _i18n.sprintf)(
-    // translators: %d: number of items to delete.
-    (0, _i18n._n)('Delete %d item?', 'Delete %d items?', templates.length), templates.length) : (0, _i18n.sprintf)(
-    // translators: %s: The template or template part's titles
-    (0, _i18n.__)('Delete "%s"?'), (0, _htmlEntities.decodeEntities)(templates?.[0]?.title?.rendered))), (0, _react.createElement)(_components.__experimentalHStack, {
-      justify: "right"
-    }, (0, _react.createElement)(_components.Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      disabled: isBusy,
-      __experimentalIsFocusable: true
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.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
-    }, (0, _i18n.__)('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__*/(0, _jsxRuntime.jsx)(CreatePatternModalContents, {
+      onClose: closeModal,
+      confirmLabel: (0, _i18n._x)('Duplicate', 'action label'),
+      ...duplicatedProps
+    });
   }
 };
-const renameTemplateAction = {
-  id: 'rename-template',
-  label: (0, _i18n.__)('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 === _constants.TEMPLATE_POST_TYPE && !template.is_custom) {
-      return false;
-    }
-    return true;
-  },
+const duplicateTemplatePartAction = exports.duplicateTemplatePartAction = {
+  id: 'duplicate-template-part',
+  label: (0, _i18n._x)('Duplicate', 'action label'),
+  isEligible: item => item.type === _constants.TEMPLATE_PART_POST_TYPE,
+  modalHeader: (0, _i18n._x)('Duplicate template part', 'action label'),
   RenderModal: ({
-    items: templates,
-    closeModal,
-    onActionPerformed
+    items,
+    closeModal
   }) => {
-    const template = templates[0];
-    const title = (0, _htmlEntities.decodeEntities)(template.title.rendered);
-    const [editedTitle, setEditedTitle] = (0, _element.useState)(title);
-    const {
-      editEntityRecord,
-      __experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits
-    } = (0, _data.useDispatch)(_coreData.store);
+    const [item] = items;
     const {
-      createSuccessNotice,
-      createErrorNotice
+      createSuccessNotice
     } = (0, _data.useDispatch)(_notices.store);
-    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 === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.__)('Template renamed.') : (0, _i18n.__)('Template part renamed.'), {
-          type: 'snackbar'
-        });
-        onActionPerformed?.(templates);
-      } catch (error) {
-        const fallbackErrorMessage = template.type === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.__)('An error occurred while renaming the template.') : (0, _i18n.__)('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((0, _i18n.sprintf)(
+      // translators: %s: The new template part's title e.g. 'Call to action (copy)'.
+      (0, _i18n.__)('"%s" duplicated.'), item.title), {
+        type: 'snackbar',
+        id: 'edit-site-patterns-success'
+      });
+      closeModal();
     }
-    return (0, _react.createElement)("form", {
-      onSubmit: onTemplateRename
-    }, (0, _react.createElement)(_components.__experimentalVStack, {
-      spacing: "5"
-    }, (0, _react.createElement)(_components.TextControl, {
-      __nextHasNoMarginBottom: true,
-      __next40pxDefaultSize: true,
-      label: (0, _i18n.__)('Name'),
-      value: editedTitle,
-      onChange: setEditedTitle,
-      required: true
-    }), (0, _react.createElement)(_components.__experimentalHStack, {
-      justify: "right"
-    }, (0, _react.createElement)(_components.Button, {
-      variant: "tertiary",
-      onClick: closeModal,
-      __next40pxDefaultSize: true
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
-      variant: "primary",
-      type: "submit",
-      __next40pxDefaultSize: true
-    }, (0, _i18n.__)('Save')))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_createTemplatePartModal.CreateTemplatePartModalContents, {
+      blocks: item.blocks,
+      defaultArea: item.templatePart?.area || item.area,
+      defaultTitle: (0, _i18n.sprintf)( /* translators: %s: Existing template part title */
+      (0, _i18n.__)('%s (Copy)'), item.title),
+      onCreate: onTemplatePartSuccess,
+      onError: closeModal,
+      confirmLabel: (0, _i18n._x)('Duplicate', 'action label')
+    });
   }
 };
 function usePostActions(postType, onActionPerformed) {
@@ -763,11 +831,12 @@ function usePostActions(postType, onActionPerformed) {
   const isTemplateOrTemplatePart = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE].includes(postType);
   const isPattern = postType === _constants.PATTERN_POST_TYPE;
   const isLoaded = !!postTypeObject;
+  const supportsRevisions = !!postTypeObject?.supports?.revisions;
   return (0, _element.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, renamePostAction, isPattern && _exportPatternAction.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) {
@@ -789,7 +858,7 @@ function usePostActions(postType, onActionPerformed) {
           actions[i] = {
             ...actions[i],
             RenderModal: props => {
-              return (0, _react.createElement)(ExistingRenderModal, {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExistingRenderModal, {
                 ...props,
                 onActionPerformed: _items => {
                   if (props.onActionPerformed) {
@@ -804,6 +873,6 @@ function usePostActions(postType, onActionPerformed) {
       }
     }
     return actions;
-  }, [isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, permanentlyDeletePostAction, restorePostAction, onActionPerformed, isLoaded]);
+  }, [isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, permanentlyDeletePostAction, restorePostAction, onActionPerformed, isLoaded, supportsRevisions]);
 }
 //# sourceMappingURL=actions.js.map