@wordpress/editor 13.34.0 → 14.0.0

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

@@ -4,9 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.duplicatePostAction = void 0;
+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");
@@ -15,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
  */
@@ -28,29 +31,123 @@ 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
   }) => {
+    const [isBusy, setIsBusy] = (0, _element.useState)(false);
     const {
       createSuccessNotice,
       createErrorNotice
@@ -58,81 +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
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
-      variant: "primary",
-      onClick: async () => {
-        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 {
-            successMessage = (0, _i18n.__)('Pages moved to the Trash.');
-          }
-          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);
-        }
-        closeModal();
-      }
-    }, (0, _i18n.__)('Delete'))));
+            if (onActionPerformed) {
+              onActionPerformed(items);
+            }
+            setIsBusy(false);
+            closeModal();
+          },
+          isBusy: isBusy,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: (0, _i18n.__)('Trash')
+        })]
+      })]
+    });
   }
 };
 function usePermanentlyDeletePostAction() {
@@ -237,32 +352,67 @@ function useRestorePostAction() {
       return status === 'trash';
     },
     async callback(posts, onActionPerformed) {
-      try {
-        for (const post of posts) {
-          await editEntityRecord('postType', post.type, post.id, {
-            status: 'draft'
-          });
-          await saveEditedEntityRecord('postType', post.type, post.id, {
-            throwOnError: true
-          });
+      await Promise.allSettled(posts.map(post => {
+        return editEntityRecord('postType', post.type, post.id, {
+          status: 'draft'
+        });
+      }));
+      const promiseResult = await Promise.allSettled(posts.map(post => {
+        return saveEditedEntityRecord('postType', post.type, post.id, {
+          throwOnError: true
+        });
+      }));
+      if (promiseResult.every(({
+        status
+      }) => status === 'fulfilled')) {
+        let successMessage;
+        if (posts.length === 1) {
+          successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+          (0, _i18n.__)('"%s" has been restored.'), getItemTitle(posts[0]));
+        } else if (posts[0].type === 'page') {
+          successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+          (0, _i18n.__)('%d pages have been restored.'), posts.length);
+        } else {
+          successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+          (0, _i18n.__)('%d posts have been restored.'), posts.length);
         }
-        createSuccessNotice(posts.length > 1 ? (0, _i18n.sprintf)( /* translators: The number of posts. */
-        (0, _i18n.__)('%d posts have been restored.'), posts.length) : (0, _i18n.sprintf)( /* translators: The number of posts. */
-        (0, _i18n.__)('"%s" has been restored.'), getItemTitle(posts[0])), {
+        createSuccessNotice(successMessage, {
           type: 'snackbar',
           id: 'restore-post-action'
         });
         if (onActionPerformed) {
           onActionPerformed(posts);
         }
-      } catch (error) {
+      } else {
+        // If there was at lease one failure.
         let errorMessage;
-        if (error.message && error.code !== 'unknown_error' && error.message) {
-          errorMessage = error.message;
-        } else if (posts.length > 1) {
-          errorMessage = (0, _i18n.__)('An error occurred while restoring the posts.');
+        // 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 restoring the post.');
+          }
+          // If we were trying to move multiple posts to the trash
         } else {
-          errorMessage = (0, _i18n.__)('An error occurred while restoring the post.');
+          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 restoring the posts.');
+          } else if (errorMessages.size === 1) {
+            errorMessage = (0, _i18n.sprintf)( /* translators: %s: an error message */
+            (0, _i18n.__)('An error occurred while restoring the posts: %s'), [...errorMessages][0]);
+          } else {
+            errorMessage = (0, _i18n.sprintf)( /* translators: %s: a list of comma separated error messages */
+            (0, _i18n.__)('Some errors occurred while restoring the posts: %s'), [...errorMessages].join(','));
+          }
         }
         createErrorNotice(errorMessage, {
           type: 'snackbar'
@@ -287,26 +437,14 @@ const viewPostAction = {
     }
   }
 };
-const editPostAction = {
-  id: 'edit-post',
-  label: (0, _i18n.__)('Edit'),
-  isPrimary: true,
-  icon: _icons.edit,
-  isEligible({
-    status
-  }) {
-    return status !== 'trash';
-  },
-  callback(posts, onActionPerformed) {
-    if (onActionPerformed) {
-      onActionPerformed(posts);
-    }
-  }
-};
 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') {
@@ -331,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,
@@ -373,33 +530,38 @@ 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 = exports.duplicatePostAction = {
+const duplicatePostAction = {
   id: 'duplicate-post',
   label: (0, _i18n._x)('Duplicate', 'action label'),
   isEligible({
@@ -470,42 +632,60 @@ const duplicatePostAction = exports.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,
   RenderModal: ({
     items,
     closeModal,
+    onActionStart,
     onActionPerformed
   }) => {
+    const [isBusy, setIsBusy] = (0, _element.useState)(false);
     const {
-      revertTemplate
+      revertTemplate,
+      removeTemplates
     } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
     const {
       saveEditedEntityRecord
@@ -516,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) {
@@ -541,164 +727,116 @@ 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
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
-      variant: "primary",
-      onClick: async () => {
-        await onConfirm(items);
-        onActionPerformed?.(items);
-        closeModal();
-      }
-    }, (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,
-  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,
-    onActionPerformed
+    items,
+    closeModal
   }) => {
-    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
-    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
-      variant: "primary",
-      onClick: async () => {
-        await removeTemplates(templates, {
-          allowUndo: false
-        });
-        onActionPerformed?.(templates);
-        closeModal();
-      }
-    }, (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(onActionPerformed, actionIds = null) {
+function usePostActions(postType, onActionPerformed) {
+  const {
+    postTypeObject
+  } = (0, _data.useSelect)(select => {
+    const {
+      getPostType
+    } = select(_coreData.store);
+    return {
+      postTypeObject: getPostType(postType)
+    };
+  }, [postType]);
   const permanentlyDeletePostAction = usePermanentlyDeletePostAction();
   const restorePostAction = useRestorePostAction();
+  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)(() => {
-    // By default, return all actions...
-    const defaultActions = [editPostAction, resetTemplateAction, viewPostAction, restorePostAction, deleteTemplateAction, permanentlyDeletePostAction, postRevisionsAction, duplicatePostAction, renamePostAction, renameTemplateAction, trashPostAction];
-
-    // ... unless `actionIds` was specified, in which case we find the
-    // actions matching the given IDs.
-    const actions = actionIds ? actionIds.map(actionId => defaultActions.find(({
-      id
-    }) => actionId === id)) : defaultActions;
+    if (!isLoaded) {
+      return [];
+    }
+    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) {
@@ -720,9 +858,8 @@ function usePostActions(onActionPerformed, actionIds = null) {
           actions[i] = {
             ...actions[i],
             RenderModal: props => {
-              return (0, _react.createElement)(ExistingRenderModal, {
-                items: props.items,
-                closeModal: props.closeModal,
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExistingRenderModal, {
+                ...props,
                 onActionPerformed: _items => {
                   if (props.onActionPerformed) {
                     props.onActionPerformed(_items);
@@ -736,16 +873,6 @@ function usePostActions(onActionPerformed, actionIds = null) {
       }
     }
     return actions;
-  },
-  // Disable reason: if provided, `actionIds` is a shallow array of
-  // strings, and the strings themselves should be part of the useMemo
-  // dependencies. Two different disable statements are needed, as the
-  // first flags what it thinks are missing dependencies, and the second
-  // flags the array spread operation.
-  //
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  ...(actionIds || []), permanentlyDeletePostAction, restorePostAction, onActionPerformed]);
+  }, [isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, permanentlyDeletePostAction, restorePostAction, onActionPerformed, isLoaded, supportsRevisions]);
 }
 //# sourceMappingURL=actions.js.map