@wordpress/editor 13.34.0 → 14.0.0

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

@@ -1,47 +1,146 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { external, trash, edit, backup } from '@wordpress/icons';
+import { external, trash, backup } from '@wordpress/icons';
 import { addQueryArgs } from '@wordpress/url';
-import { useDispatch } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { decodeEntities } from '@wordpress/html-entities';
 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';
 
 /**
  * Internal dependencies
  */
-import { TEMPLATE_ORIGINS, TEMPLATE_POST_TYPE } from '../../store/constants';
+import { TEMPLATE_ORIGINS, TEMPLATE_PART_POST_TYPE, TEMPLATE_POST_TYPE, PATTERN_POST_TYPE } from '../../store/constants';
 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
   }) => {
+    const [isBusy, setIsBusy] = useState(false);
     const {
       createSuccessNotice,
       createErrorNotice
@@ -49,81 +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
-    }, __('Cancel')), createElement(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 = sprintf( /* translators: The posts's title. */
-            __('"%s" moved to the Trash.'), getItemTitle(posts[0]));
-          } else {
-            successMessage = __('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 = __('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);
-        }
-        closeModal();
-      }
-    }, __('Delete'))));
+            if (onActionPerformed) {
+              onActionPerformed(items);
+            }
+            setIsBusy(false);
+            closeModal();
+          },
+          isBusy: isBusy,
+          disabled: isBusy,
+          __experimentalIsFocusable: true,
+          children: __('Trash')
+        })]
+      })]
+    });
   }
 };
 function usePermanentlyDeletePostAction() {
@@ -228,32 +345,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 = sprintf( /* translators: The number of posts. */
+          __('"%s" has been restored.'), getItemTitle(posts[0]));
+        } else if (posts[0].type === 'page') {
+          successMessage = sprintf( /* translators: The number of posts. */
+          __('%d pages have been restored.'), posts.length);
+        } else {
+          successMessage = sprintf( /* translators: The number of posts. */
+          __('%d posts have been restored.'), posts.length);
         }
-        createSuccessNotice(posts.length > 1 ? sprintf( /* translators: The number of posts. */
-        __('%d posts have been restored.'), posts.length) : sprintf( /* translators: The number of posts. */
-        __('"%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 = __('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 = __('An error occurred while restoring the post.');
+          }
+          // If we were trying to move multiple posts to the trash
         } else {
-          errorMessage = __('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 = __('An error occurred while restoring the posts.');
+          } else if (errorMessages.size === 1) {
+            errorMessage = sprintf( /* translators: %s: an error message */
+            __('An error occurred while restoring the posts: %s'), [...errorMessages][0]);
+          } else {
+            errorMessage = sprintf( /* translators: %s: a list of comma separated error messages */
+            __('Some errors occurred while restoring the posts: %s'), [...errorMessages].join(','));
+          }
         }
         createErrorNotice(errorMessage, {
           type: 'snackbar'
@@ -278,26 +430,14 @@ const viewPostAction = {
     }
   }
 };
-const editPostAction = {
-  id: 'edit-post',
-  label: __('Edit'),
-  isPrimary: true,
-  icon: edit,
-  isEligible({
-    status
-  }) {
-    return status !== 'trash';
-  },
-  callback(posts, onActionPerformed) {
-    if (onActionPerformed) {
-      onActionPerformed(posts);
-    }
-  }
-};
 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') {
@@ -322,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,
@@ -364,33 +523,38 @@ 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')
+          })]
+        })]
+      })
+    });
   }
 };
-export const duplicatePostAction = {
+const duplicatePostAction = {
   id: 'duplicate-post',
   label: _x('Duplicate', 'action label'),
   isEligible({
@@ -461,42 +625,60 @@ export 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,
   RenderModal: ({
     items,
     closeModal,
+    onActionStart,
     onActionPerformed
   }) => {
+    const [isBusy, setIsBusy] = useState(false);
     const {
-      revertTemplate
+      revertTemplate,
+      removeTemplates
     } = unlock(useDispatch(editorStore));
     const {
       saveEditedEntityRecord
@@ -507,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) {
@@ -532,164 +720,116 @@ 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
-    }, __('Cancel')), createElement(Button, {
-      variant: "primary",
-      onClick: async () => {
-        await onConfirm(items);
-        onActionPerformed?.(items);
-        closeModal();
-      }
-    }, __('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,
-  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,
-    onActionPerformed
+    items,
+    closeModal
   }) => {
-    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
-    }, __('Cancel')), createElement(Button, {
-      variant: "primary",
-      onClick: async () => {
-        await removeTemplates(templates, {
-          allowUndo: false
-        });
-        onActionPerformed?.(templates);
-        closeModal();
-      }
-    }, __('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(onActionPerformed, actionIds = null) {
+export function usePostActions(postType, onActionPerformed) {
+  const {
+    postTypeObject
+  } = useSelect(select => {
+    const {
+      getPostType
+    } = select(coreStore);
+    return {
+      postTypeObject: getPostType(postType)
+    };
+  }, [postType]);
   const permanentlyDeletePostAction = usePermanentlyDeletePostAction();
   const restorePostAction = useRestorePostAction();
+  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;
   return 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 && 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) {
@@ -711,9 +851,8 @@ export function usePostActions(onActionPerformed, actionIds = null) {
           actions[i] = {
             ...actions[i],
             RenderModal: props => {
-              return createElement(ExistingRenderModal, {
-                items: props.items,
-                closeModal: props.closeModal,
+              return /*#__PURE__*/_jsx(ExistingRenderModal, {
+                ...props,
                 onActionPerformed: _items => {
                   if (props.onActionPerformed) {
                     props.onActionPerformed(_items);
@@ -727,16 +866,6 @@ export 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