@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build/components/post-featured-image/index.js

@@ -1,68 +1,85 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _i18n = require("@wordpress/i18n");
-var _hooks = require("@wordpress/hooks");
-var _components = require("@wordpress/components");
-var _blob = require("@wordpress/blob");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _data = require("@wordpress/data");
-var _blockEditor = require("@wordpress/block-editor");
-var _coreData = require("@wordpress/core-data");
-var _check = _interopRequireDefault(require("./check"));
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const ALLOWED_MEDIA_TYPES = ['image'];
-
-// Used when labels from post type were not yet loaded or when they are not present.
-const DEFAULT_FEATURE_IMAGE_LABEL = (0, _i18n.__)('Featured image');
-const DEFAULT_SET_FEATURE_IMAGE_LABEL = (0, _i18n.__)('Add a featured image');
-const instructions = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-  children: (0, _i18n.__)('To edit the featured image, you need permission to upload media.')
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var post_featured_image_exports = {};
+__export(post_featured_image_exports, {
+  default: () => post_featured_image_default
 });
+module.exports = __toCommonJS(post_featured_image_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_hooks = require("@wordpress/hooks");
+var import_components = require("@wordpress/components");
+var import_blob = require("@wordpress/blob");
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_core_data = require("@wordpress/core-data");
+var import_check = __toESM(require("./check"));
+var import_store = require("../../store");
+const ALLOWED_MEDIA_TYPES = ["image"];
+const DEFAULT_FEATURE_IMAGE_LABEL = (0, import_i18n.__)("Featured image");
+const DEFAULT_SET_FEATURE_IMAGE_LABEL = (0, import_i18n.__)("Add a featured image");
+const instructions = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)(
+  "To edit the featured image, you need permission to upload media."
+) });
 function getMediaDetails(media, postId) {
-  var _media$media_details$, _media$media_details$2;
   if (!media) {
     return {};
   }
-  const defaultSize = (0, _hooks.applyFilters)('editor.PostFeaturedImage.imageSize', 'large', media.id, postId);
-  if (defaultSize in ((_media$media_details$ = media?.media_details?.sizes) !== null && _media$media_details$ !== void 0 ? _media$media_details$ : {})) {
+  const defaultSize = (0, import_hooks.applyFilters)(
+    "editor.PostFeaturedImage.imageSize",
+    "large",
+    media.id,
+    postId
+  );
+  if (defaultSize in (media?.media_details?.sizes ?? {})) {
     return {
       mediaWidth: media.media_details.sizes[defaultSize].width,
       mediaHeight: media.media_details.sizes[defaultSize].height,
       mediaSourceUrl: media.media_details.sizes[defaultSize].source_url
     };
   }
-
-  // Use fallbackSize when defaultSize is not available.
-  const fallbackSize = (0, _hooks.applyFilters)('editor.PostFeaturedImage.imageSize', 'thumbnail', media.id, postId);
-  if (fallbackSize in ((_media$media_details$2 = media?.media_details?.sizes) !== null && _media$media_details$2 !== void 0 ? _media$media_details$2 : {})) {
+  const fallbackSize = (0, import_hooks.applyFilters)(
+    "editor.PostFeaturedImage.imageSize",
+    "thumbnail",
+    media.id,
+    postId
+  );
+  if (fallbackSize in (media?.media_details?.sizes ?? {})) {
     return {
       mediaWidth: media.media_details.sizes[fallbackSize].width,
       mediaHeight: media.media_details.sizes[fallbackSize].height,
       mediaSourceUrl: media.media_details.sizes[fallbackSize].source_url
     };
   }
-
-  // Use full image size when fallbackSize and defaultSize are not available.
   return {
     mediaWidth: media.media_details.width,
     mediaHeight: media.media_details.height,
@@ -80,20 +97,16 @@ function PostFeaturedImage({
   noticeOperations,
   isRequestingFeaturedImageMedia
 }) {
-  const returnsFocusRef = (0, _element.useRef)(false);
-  const [isLoading, setIsLoading] = (0, _element.useState)(false);
-  const {
-    getSettings
-  } = (0, _data.useSelect)(_blockEditor.store);
-  const {
-    mediaSourceUrl
-  } = getMediaDetails(media, currentPostId);
+  const returnsFocusRef = (0, import_element.useRef)(false);
+  const [isLoading, setIsLoading] = (0, import_element.useState)(false);
+  const { getSettings } = (0, import_data.useSelect)(import_block_editor.store);
+  const { mediaSourceUrl } = getMediaDetails(media, currentPostId);
   function onDropFiles(filesList) {
     getSettings().mediaUpload({
       allowedTypes: ALLOWED_MEDIA_TYPES,
       filesList,
       onFileChange([image]) {
-        if ((0, _blob.isBlobURL)(image?.url)) {
+        if ((0, import_blob.isBlobURL)(image?.url)) {
           setIsLoading(true);
           return;
         }
@@ -109,28 +122,21 @@ function PostFeaturedImage({
       multiple: false
     });
   }
-
-  /**
-   * Generates the featured image alt text for this editing context.
-   *
-   * @param {Object} imageMedia                               The image media object.
-   * @param {string} imageMedia.alt_text                      The alternative text of the image.
-   * @param {Object} imageMedia.media_details                 The media details of the image.
-   * @param {Object} imageMedia.media_details.sizes           The sizes of the image.
-   * @param {Object} imageMedia.media_details.sizes.full      The full size details of the image.
-   * @param {string} imageMedia.media_details.sizes.full.file The file name of the full size image.
-   * @param {string} imageMedia.slug                          The slug of the image.
-   * @return {string} The featured image alt text.
-   */
   function getImageDescription(imageMedia) {
     if (imageMedia.alt_text) {
-      return (0, _i18n.sprintf)(
-      // Translators: %s: The selected image alt text.
-      (0, _i18n.__)('Current image: %s'), imageMedia.alt_text);
+      return (0, import_i18n.sprintf)(
+        // Translators: %s: The selected image alt text.
+        (0, import_i18n.__)("Current image: %s"),
+        imageMedia.alt_text
+      );
     }
-    return (0, _i18n.sprintf)(
-    // Translators: %s: The selected image filename.
-    (0, _i18n.__)('The current image has no alternative text. The file name is: %s'), imageMedia.media_details.sizes?.full?.file || imageMedia.slug);
+    return (0, import_i18n.sprintf)(
+      // Translators: %s: The selected image filename.
+      (0, import_i18n.__)(
+        "The current image has no alternative text. The file name is: %s"
+      ),
+      imageMedia.media_details.sizes?.full?.file || imageMedia.slug
+    );
   }
   function returnFocus(node) {
     if (returnsFocusRef.current && node) {
@@ -139,155 +145,162 @@ function PostFeaturedImage({
     }
   }
   const isMissingMedia = !isRequestingFeaturedImageMedia && !!featuredImageId && !media;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_check.default, {
-    children: [noticeUI, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "editor-post-featured-image",
-      children: [media && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        id: `editor-post-featured-image-${featuredImageId}-describedby`,
-        className: "hidden",
-        children: getImageDescription(media)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadCheck, {
-        fallback: instructions,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_check.default, { children: [
+    noticeUI,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "editor-post-featured-image", children: [
+      media && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          id: `editor-post-featured-image-${featuredImageId}-describedby`,
+          className: "hidden",
+          children: getImageDescription(media)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.MediaUploadCheck, { fallback: instructions, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.MediaUpload,
+        {
           title: postType?.labels?.featured_image || DEFAULT_FEATURE_IMAGE_LABEL,
           onSelect: onUpdateImage,
           unstableFeaturedImageFlow: true,
           allowedTypes: ALLOWED_MEDIA_TYPES,
           modalClass: "editor-post-featured-image__media-modal",
-          render: ({
-            open
-          }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "editor-post-featured-image__container",
-            children: [isMissingMedia ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Notice, {
-              status: "warning",
-              isDismissible: false,
-              children: (0, _i18n.__)('Could not retrieve the featured image data.')
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Button, {
-              __next40pxDefaultSize: true,
-              ref: returnFocus,
-              className: !featuredImageId ? 'editor-post-featured-image__toggle' : 'editor-post-featured-image__preview',
-              onClick: open,
-              "aria-label": !featuredImageId ? null : (0, _i18n.__)('Edit or replace the featured image'),
-              "aria-describedby": !featuredImageId ? null : `editor-post-featured-image-${featuredImageId}-describedby`,
-              "aria-haspopup": "dialog",
-              disabled: isLoading,
-              accessibleWhenDisabled: true,
-              children: [!!featuredImageId && media && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                className: "editor-post-featured-image__preview-image",
-                src: mediaSourceUrl,
-                alt: getImageDescription(media)
-              }), (isLoading || isRequestingFeaturedImageMedia) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}), !featuredImageId && !isLoading && (postType?.labels?.set_featured_image || DEFAULT_SET_FEATURE_IMAGE_LABEL)]
-            }), !!featuredImageId && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-              className: (0, _clsx.default)('editor-post-featured-image__actions', {
-                'editor-post-featured-image__actions-missing-image': isMissingMedia,
-                'editor-post-featured-image__actions-is-requesting-image': isRequestingFeaturedImageMedia
-              }),
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          render: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "editor-post-featured-image__container", children: [
+            isMissingMedia ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.Notice,
+              {
+                status: "warning",
+                isDismissible: false,
+                children: (0, import_i18n.__)(
+                  "Could not retrieve the featured image data."
+                )
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_components.Button,
+              {
                 __next40pxDefaultSize: true,
-                className: "editor-post-featured-image__action",
+                ref: returnFocus,
+                className: !featuredImageId ? "editor-post-featured-image__toggle" : "editor-post-featured-image__preview",
                 onClick: open,
+                "aria-label": !featuredImageId ? null : (0, import_i18n.__)(
+                  "Edit or replace the featured image"
+                ),
+                "aria-describedby": !featuredImageId ? null : `editor-post-featured-image-${featuredImageId}-describedby`,
                 "aria-haspopup": "dialog",
-                variant: isMissingMedia ? 'secondary' : undefined,
-                children: (0, _i18n.__)('Replace')
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-                __next40pxDefaultSize: true,
-                className: "editor-post-featured-image__action",
-                onClick: () => {
-                  onRemoveImage();
-                  // Signal that the toggle button should be focused,
-                  // when it is rendered. Can't focus it directly here
-                  // because it's rendered conditionally.
-                  returnsFocusRef.current = true;
-                },
-                variant: isMissingMedia ? 'secondary' : undefined,
-                isDestructive: isMissingMedia,
-                children: (0, _i18n.__)('Remove')
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropZone, {
-              onFilesDrop: onDropFiles
-            })]
-          }),
+                disabled: isLoading,
+                accessibleWhenDisabled: true,
+                children: [
+                  !!featuredImageId && media && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "img",
+                    {
+                      className: "editor-post-featured-image__preview-image",
+                      src: mediaSourceUrl,
+                      alt: getImageDescription(
+                        media
+                      )
+                    }
+                  ),
+                  (isLoading || isRequestingFeaturedImageMedia) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {}),
+                  !featuredImageId && !isLoading && (postType?.labels?.set_featured_image || DEFAULT_SET_FEATURE_IMAGE_LABEL)
+                ]
+              }
+            ),
+            !!featuredImageId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_components.__experimentalHStack,
+              {
+                className: (0, import_clsx.default)(
+                  "editor-post-featured-image__actions",
+                  {
+                    "editor-post-featured-image__actions-missing-image": isMissingMedia,
+                    "editor-post-featured-image__actions-is-requesting-image": isRequestingFeaturedImageMedia
+                  }
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_components.Button,
+                    {
+                      __next40pxDefaultSize: true,
+                      className: "editor-post-featured-image__action",
+                      onClick: open,
+                      "aria-haspopup": "dialog",
+                      variant: isMissingMedia ? "secondary" : void 0,
+                      children: (0, import_i18n.__)("Replace")
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_components.Button,
+                    {
+                      __next40pxDefaultSize: true,
+                      className: "editor-post-featured-image__action",
+                      onClick: () => {
+                        onRemoveImage();
+                        returnsFocusRef.current = true;
+                      },
+                      variant: isMissingMedia ? "secondary" : void 0,
+                      isDestructive: isMissingMedia,
+                      children: (0, import_i18n.__)("Remove")
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.DropZone, { onFilesDrop: onDropFiles })
+          ] }),
           value: featuredImageId
-        })
-      })]
-    })]
-  });
+        }
+      ) })
+    ] })
+  ] });
 }
-const applyWithSelect = (0, _data.withSelect)(select => {
-  const {
-    getEntityRecord,
-    getPostType,
-    hasFinishedResolution
-  } = select(_coreData.store);
-  const {
-    getCurrentPostId,
-    getEditedPostAttribute
-  } = select(_store.store);
-  const featuredImageId = getEditedPostAttribute('featured_media');
+const applyWithSelect = (0, import_data.withSelect)((select) => {
+  const { getEntityRecord, getPostType, hasFinishedResolution } = select(import_core_data.store);
+  const { getCurrentPostId, getEditedPostAttribute } = select(import_store.store);
+  const featuredImageId = getEditedPostAttribute("featured_media");
   return {
-    media: featuredImageId ? getEntityRecord('postType', 'attachment', featuredImageId, {
-      context: 'view'
+    media: featuredImageId ? getEntityRecord("postType", "attachment", featuredImageId, {
+      context: "view"
     }) : null,
     currentPostId: getCurrentPostId(),
-    postType: getPostType(getEditedPostAttribute('type')),
+    postType: getPostType(getEditedPostAttribute("type")),
     featuredImageId,
-    isRequestingFeaturedImageMedia: !!featuredImageId && !hasFinishedResolution('getEntityRecord', ['postType', 'attachment', featuredImageId, {
-      context: 'view'
-    }])
-  };
-});
-const applyWithDispatch = (0, _data.withDispatch)((dispatch, {
-  noticeOperations
-}, {
-  select
-}) => {
-  const {
-    editPost
-  } = dispatch(_store.store);
-  return {
-    onUpdateImage(image) {
-      editPost({
-        featured_media: image.id
-      });
-    },
-    onDropImage(filesList) {
-      select(_blockEditor.store).getSettings().mediaUpload({
-        allowedTypes: ['image'],
-        filesList,
-        onFileChange([image]) {
-          editPost({
-            featured_media: image.id
-          });
-        },
-        onError(message) {
-          noticeOperations.removeAllNotices();
-          noticeOperations.createErrorNotice(message);
-        },
-        multiple: false
-      });
-    },
-    onRemoveImage() {
-      editPost({
-        featured_media: 0
-      });
-    }
+    isRequestingFeaturedImageMedia: !!featuredImageId && !hasFinishedResolution("getEntityRecord", [
+      "postType",
+      "attachment",
+      featuredImageId,
+      { context: "view" }
+    ])
   };
 });
-
-/**
- * Renders the component for managing the featured image of a post.
- *
- * @param {Object}   props                  Props.
- * @param {number}   props.currentPostId    ID of the current post.
- * @param {number}   props.featuredImageId  ID of the featured image.
- * @param {Function} props.onUpdateImage    Function to call when the image is updated.
- * @param {Function} props.onRemoveImage    Function to call when the image is removed.
- * @param {Object}   props.media            The media object representing the featured image.
- * @param {string}   props.postType         Post type.
- * @param {Element}  props.noticeUI         UI for displaying notices.
- * @param {Object}   props.noticeOperations Operations for managing notices.
- *
- * @return {Element} Component to be rendered .
- */
-var _default = exports.default = (0, _compose.compose)(_components.withNotices, applyWithSelect, applyWithDispatch, (0, _components.withFilters)('editor.PostFeaturedImage'))(PostFeaturedImage);
-//# sourceMappingURL=index.js.map
+const applyWithDispatch = (0, import_data.withDispatch)(
+  (dispatch, { noticeOperations }, { select }) => {
+    const { editPost } = dispatch(import_store.store);
+    return {
+      onUpdateImage(image) {
+        editPost({ featured_media: image.id });
+      },
+      onDropImage(filesList) {
+        select(import_block_editor.store).getSettings().mediaUpload({
+          allowedTypes: ["image"],
+          filesList,
+          onFileChange([image]) {
+            editPost({ featured_media: image.id });
+          },
+          onError(message) {
+            noticeOperations.removeAllNotices();
+            noticeOperations.createErrorNotice(message);
+          },
+          multiple: false
+        });
+      },
+      onRemoveImage() {
+        editPost({ featured_media: 0 });
+      }
+    };
+  }
+);
+var post_featured_image_default = (0, import_compose.compose)(
+  import_components.withNotices,
+  applyWithSelect,
+  applyWithDispatch,
+  (0, import_components.withFilters)("editor.PostFeaturedImage")
+)(PostFeaturedImage);
+//# sourceMappingURL=index.js.map

package/build/components/post-featured-image/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_hooks","_components","_blob","_element","_compose","_data","_blockEditor","_coreData","_check","_store","_jsxRuntime","ALLOWED_MEDIA_TYPES","DEFAULT_FEATURE_IMAGE_LABEL","__","DEFAULT_SET_FEATURE_IMAGE_LABEL","instructions","jsx","children","getMediaDetails","media","postId","_media$media_details$","_media$media_details$2","defaultSize","applyFilters","id","media_details","sizes","mediaWidth","width","mediaHeight","height","mediaSourceUrl","source_url","fallbackSize","PostFeaturedImage","currentPostId","featuredImageId","onUpdateImage","onRemoveImage","postType","noticeUI","noticeOperations","isRequestingFeaturedImageMedia","returnsFocusRef","useRef","isLoading","setIsLoading","useState","getSettings","useSelect","blockEditorStore","onDropFiles","filesList","mediaUpload","allowedTypes","onFileChange","image","isBlobURL","url","onError","message","removeAllNotices","createErrorNotice","multiple","getImageDescription","imageMedia","alt_text","sprintf","full","file","slug","returnFocus","node","current","focus","isMissingMedia","jsxs","default","className","MediaUploadCheck","fallback","MediaUpload","title","labels","featured_image","onSelect","unstableFeaturedImageFlow","modalClass","render","open","Notice","status","isDismissible","Button","__next40pxDefaultSize","ref","onClick","disabled","accessibleWhenDisabled","src","alt","Spinner","set_featured_image","__experimentalHStack","clsx","variant","undefined","isDestructive","DropZone","onFilesDrop","value","applyWithSelect","withSelect","select","getEntityRecord","getPostType","hasFinishedResolution","coreStore","getCurrentPostId","getEditedPostAttribute","editorStore","context","applyWithDispatch","withDispatch","dispatch","editPost","featured_media","onDropImage","_default","exports","compose","withNotices","withFilters"],"sources":["@wordpress/editor/src/components/post-featured-image/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { applyFilters } from '@wordpress/hooks';\nimport {\n\tDropZone,\n\tButton,\n\tSpinner,\n\twithNotices,\n\twithFilters,\n\t__experimentalHStack as HStack,\n\tNotice,\n} from '@wordpress/components';\nimport { isBlobURL } from '@wordpress/blob';\nimport { useState, useRef } from '@wordpress/element';\nimport { compose } from '@wordpress/compose';\nimport { useSelect, withDispatch, withSelect } from '@wordpress/data';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport PostFeaturedImageCheck from './check';\nimport { store as editorStore } from '../../store';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\n// Used when labels from post type were not yet loaded or when they are not present.\nconst DEFAULT_FEATURE_IMAGE_LABEL = __( 'Featured image' );\nconst DEFAULT_SET_FEATURE_IMAGE_LABEL = __( 'Add a featured image' );\n\nconst instructions = (\n\t<p>\n\t\t{ __(\n\t\t\t'To edit the featured image, you need permission to upload media.'\n\t\t) }\n\t</p>\n);\n\nfunction getMediaDetails( media, postId ) {\n\tif ( ! media ) {\n\t\treturn {};\n\t}\n\n\tconst defaultSize = applyFilters(\n\t\t'editor.PostFeaturedImage.imageSize',\n\t\t'large',\n\t\tmedia.id,\n\t\tpostId\n\t);\n\tif ( defaultSize in ( media?.media_details?.sizes ?? {} ) ) {\n\t\treturn {\n\t\t\tmediaWidth: media.media_details.sizes[ defaultSize ].width,\n\t\t\tmediaHeight: media.media_details.sizes[ defaultSize ].height,\n\t\t\tmediaSourceUrl: media.media_details.sizes[ defaultSize ].source_url,\n\t\t};\n\t}\n\n\t// Use fallbackSize when defaultSize is not available.\n\tconst fallbackSize = applyFilters(\n\t\t'editor.PostFeaturedImage.imageSize',\n\t\t'thumbnail',\n\t\tmedia.id,\n\t\tpostId\n\t);\n\tif ( fallbackSize in ( media?.media_details?.sizes ?? {} ) ) {\n\t\treturn {\n\t\t\tmediaWidth: media.media_details.sizes[ fallbackSize ].width,\n\t\t\tmediaHeight: media.media_details.sizes[ fallbackSize ].height,\n\t\t\tmediaSourceUrl:\n\t\t\t\tmedia.media_details.sizes[ fallbackSize ].source_url,\n\t\t};\n\t}\n\n\t// Use full image size when fallbackSize and defaultSize are not available.\n\treturn {\n\t\tmediaWidth: media.media_details.width,\n\t\tmediaHeight: media.media_details.height,\n\t\tmediaSourceUrl: media.source_url,\n\t};\n}\n\nfunction PostFeaturedImage( {\n\tcurrentPostId,\n\tfeaturedImageId,\n\tonUpdateImage,\n\tonRemoveImage,\n\tmedia,\n\tpostType,\n\tnoticeUI,\n\tnoticeOperations,\n\tisRequestingFeaturedImageMedia,\n} ) {\n\tconst returnsFocusRef = useRef( false );\n\tconst [ isLoading, setIsLoading ] = useState( false );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\tconst { mediaSourceUrl } = getMediaDetails( media, currentPostId );\n\n\tfunction onDropFiles( filesList ) {\n\t\tgetSettings().mediaUpload( {\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tfilesList,\n\t\t\tonFileChange( [ image ] ) {\n\t\t\t\tif ( isBlobURL( image?.url ) ) {\n\t\t\t\t\tsetIsLoading( true );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( image ) {\n\t\t\t\t\tonUpdateImage( image );\n\t\t\t\t}\n\t\t\t\tsetIsLoading( false );\n\t\t\t},\n\t\t\tonError( message ) {\n\t\t\t\tnoticeOperations.removeAllNotices();\n\t\t\t\tnoticeOperations.createErrorNotice( message );\n\t\t\t},\n\t\t\tmultiple: false,\n\t\t} );\n\t}\n\n\t/**\n\t * Generates the featured image alt text for this editing context.\n\t *\n\t * @param {Object} imageMedia                               The image media object.\n\t * @param {string} imageMedia.alt_text                      The alternative text of the image.\n\t * @param {Object} imageMedia.media_details                 The media details of the image.\n\t * @param {Object} imageMedia.media_details.sizes           The sizes of the image.\n\t * @param {Object} imageMedia.media_details.sizes.full      The full size details of the image.\n\t * @param {string} imageMedia.media_details.sizes.full.file The file name of the full size image.\n\t * @param {string} imageMedia.slug                          The slug of the image.\n\t * @return {string} The featured image alt text.\n\t */\n\tfunction getImageDescription( imageMedia ) {\n\t\tif ( imageMedia.alt_text ) {\n\t\t\treturn sprintf(\n\t\t\t\t// Translators: %s: The selected image alt text.\n\t\t\t\t__( 'Current image: %s' ),\n\t\t\t\timageMedia.alt_text\n\t\t\t);\n\t\t}\n\t\treturn sprintf(\n\t\t\t// Translators: %s: The selected image filename.\n\t\t\t__(\n\t\t\t\t'The current image has no alternative text. The file name is: %s'\n\t\t\t),\n\t\t\timageMedia.media_details.sizes?.full?.file || imageMedia.slug\n\t\t);\n\t}\n\n\tfunction returnFocus( node ) {\n\t\tif ( returnsFocusRef.current && node ) {\n\t\t\tnode.focus();\n\t\t\treturnsFocusRef.current = false;\n\t\t}\n\t}\n\n\tconst isMissingMedia =\n\t\t! isRequestingFeaturedImageMedia && !! featuredImageId && ! media;\n\n\treturn (\n\t\t<PostFeaturedImageCheck>\n\t\t\t{ noticeUI }\n\t\t\t<div className=\"editor-post-featured-image\">\n\t\t\t\t{ media && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tid={ `editor-post-featured-image-${ featuredImageId }-describedby` }\n\t\t\t\t\t\tclassName=\"hidden\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ getImageDescription( media ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<MediaUploadCheck fallback={ instructions }>\n\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\tpostType?.labels?.featured_image ||\n\t\t\t\t\t\t\tDEFAULT_FEATURE_IMAGE_LABEL\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonSelect={ onUpdateImage }\n\t\t\t\t\t\tunstableFeaturedImageFlow\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\tmodalClass=\"editor-post-featured-image__media-modal\"\n\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t<div className=\"editor-post-featured-image__container\">\n\t\t\t\t\t\t\t\t{ isMissingMedia ? (\n\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\tstatus=\"warning\"\n\t\t\t\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'Could not retrieve the featured image data.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\tref={ returnFocus }\n\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t! featuredImageId\n\t\t\t\t\t\t\t\t\t\t\t\t? 'editor-post-featured-image__toggle'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'editor-post-featured-image__preview'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\t\t\t! featuredImageId\n\t\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Edit or replace the featured image'\n\t\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\t\t! featuredImageId\n\t\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t\t: `editor-post-featured-image-${ featuredImageId }-describedby`\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ !! featuredImageId && media && (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"editor-post-featured-image__preview-image\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={ mediaSourceUrl }\n\t\t\t\t\t\t\t\t\t\t\t\talt={ getImageDescription(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmedia\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t{ ( isLoading ||\n\t\t\t\t\t\t\t\t\t\t\tisRequestingFeaturedImageMedia ) && (\n\t\t\t\t\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t{ ! featuredImageId &&\n\t\t\t\t\t\t\t\t\t\t\t! isLoading &&\n\t\t\t\t\t\t\t\t\t\t\t( postType?.labels\n\t\t\t\t\t\t\t\t\t\t\t\t?.set_featured_image ||\n\t\t\t\t\t\t\t\t\t\t\t\tDEFAULT_SET_FEATURE_IMAGE_LABEL ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ !! featuredImageId && (\n\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t'editor-post-featured-image__actions',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'editor-post-featured-image__actions-missing-image':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisMissingMedia,\n\t\t\t\t\t\t\t\t\t\t\t\t'editor-post-featured-image__actions-is-requesting-image':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisRequestingFeaturedImageMedia,\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"editor-post-featured-image__action\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\tisMissingMedia\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'secondary'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Replace' ) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"editor-post-featured-image__action\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tonRemoveImage();\n\t\t\t\t\t\t\t\t\t\t\t\t// Signal that the toggle button should be focused,\n\t\t\t\t\t\t\t\t\t\t\t\t// when it is rendered. Can't focus it directly here\n\t\t\t\t\t\t\t\t\t\t\t\t// because it's rendered conditionally.\n\t\t\t\t\t\t\t\t\t\t\t\treturnsFocusRef.current = true;\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\tisMissingMedia\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'secondary'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tisDestructive={ isMissingMedia }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<DropZone onFilesDrop={ onDropFiles } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tvalue={ featuredImageId }\n\t\t\t\t\t/>\n\t\t\t\t</MediaUploadCheck>\n\t\t\t</div>\n\t\t</PostFeaturedImageCheck>\n\t);\n}\n\nconst applyWithSelect = withSelect( ( select ) => {\n\tconst { getEntityRecord, getPostType, hasFinishedResolution } =\n\t\tselect( coreStore );\n\tconst { getCurrentPostId, getEditedPostAttribute } = select( editorStore );\n\tconst featuredImageId = getEditedPostAttribute( 'featured_media' );\n\n\treturn {\n\t\tmedia: featuredImageId\n\t\t\t? getEntityRecord( 'postType', 'attachment', featuredImageId, {\n\t\t\t\t\tcontext: 'view',\n\t\t\t  } )\n\t\t\t: null,\n\t\tcurrentPostId: getCurrentPostId(),\n\t\tpostType: getPostType( getEditedPostAttribute( 'type' ) ),\n\t\tfeaturedImageId,\n\t\tisRequestingFeaturedImageMedia:\n\t\t\t!! featuredImageId &&\n\t\t\t! hasFinishedResolution( 'getEntityRecord', [\n\t\t\t\t'postType',\n\t\t\t\t'attachment',\n\t\t\t\tfeaturedImageId,\n\t\t\t\t{ context: 'view' },\n\t\t\t] ),\n\t};\n} );\n\nconst applyWithDispatch = withDispatch(\n\t( dispatch, { noticeOperations }, { select } ) => {\n\t\tconst { editPost } = dispatch( editorStore );\n\t\treturn {\n\t\t\tonUpdateImage( image ) {\n\t\t\t\teditPost( { featured_media: image.id } );\n\t\t\t},\n\t\t\tonDropImage( filesList ) {\n\t\t\t\tselect( blockEditorStore )\n\t\t\t\t\t.getSettings()\n\t\t\t\t\t.mediaUpload( {\n\t\t\t\t\t\tallowedTypes: [ 'image' ],\n\t\t\t\t\t\tfilesList,\n\t\t\t\t\t\tonFileChange( [ image ] ) {\n\t\t\t\t\t\t\teditPost( { featured_media: image.id } );\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonError( message ) {\n\t\t\t\t\t\t\tnoticeOperations.removeAllNotices();\n\t\t\t\t\t\t\tnoticeOperations.createErrorNotice( message );\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmultiple: false,\n\t\t\t\t\t} );\n\t\t\t},\n\t\t\tonRemoveImage() {\n\t\t\t\teditPost( { featured_media: 0 } );\n\t\t\t},\n\t\t};\n\t}\n);\n\n/**\n * Renders the component for managing the featured image of a post.\n *\n * @param {Object}   props                  Props.\n * @param {number}   props.currentPostId    ID of the current post.\n * @param {number}   props.featuredImageId  ID of the featured image.\n * @param {Function} props.onUpdateImage    Function to call when the image is updated.\n * @param {Function} props.onRemoveImage    Function to call when the image is removed.\n * @param {Object}   props.media            The media object representing the featured image.\n * @param {string}   props.postType         Post type.\n * @param {Element}  props.noticeUI         UI for displaying notices.\n * @param {Object}   props.noticeOperations Operations for managing notices.\n *\n * @return {Element} Component to be rendered .\n */\nexport default compose(\n\twithNotices,\n\tapplyWithSelect,\n\tapplyWithDispatch,\n\twithFilters( 'editor.PostFeaturedImage' )\n)( PostFeaturedImage );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AASA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAKA,IAAAS,SAAA,GAAAT,OAAA;AAKA,IAAAU,MAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAAmD,IAAAY,WAAA,GAAAZ,OAAA;AAlCnD;AACA;AACA;;AAGA;AACA;AACA;;AAuBA;AACA;AACA;;AAIA,MAAMa,mBAAmB,GAAG,CAAE,OAAO,CAAE;;AAEvC;AACA,MAAMC,2BAA2B,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;AAC1D,MAAMC,+BAA+B,GAAG,IAAAD,QAAE,EAAE,sBAAuB,CAAC;AAEpE,MAAME,YAAY,gBACjB,IAAAL,WAAA,CAAAM,GAAA;EAAAC,QAAA,EACG,IAAAJ,QAAE,EACH,kEACD;AAAC,CACC,CACH;AAED,SAASK,eAAeA,CAAEC,KAAK,EAAEC,MAAM,EAAG;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACzC,IAAK,CAAEH,KAAK,EAAG;IACd,OAAO,CAAC,CAAC;EACV;EAEA,MAAMI,WAAW,GAAG,IAAAC,mBAAY,EAC/B,oCAAoC,EACpC,OAAO,EACPL,KAAK,CAACM,EAAE,EACRL,MACD,CAAC;EACD,IAAKG,WAAW,MAAAF,qBAAA,GAAMF,KAAK,EAAEO,aAAa,EAAEC,KAAK,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC,CAAE,EAAG;IAC3D,OAAO;MACNO,UAAU,EAAET,KAAK,CAACO,aAAa,CAACC,KAAK,CAAEJ,WAAW,CAAE,CAACM,KAAK;MAC1DC,WAAW,EAAEX,KAAK,CAACO,aAAa,CAACC,KAAK,CAAEJ,WAAW,CAAE,CAACQ,MAAM;MAC5DC,cAAc,EAAEb,KAAK,CAACO,aAAa,CAACC,KAAK,CAAEJ,WAAW,CAAE,CAACU;IAC1D,CAAC;EACF;;EAEA;EACA,MAAMC,YAAY,GAAG,IAAAV,mBAAY,EAChC,oCAAoC,EACpC,WAAW,EACXL,KAAK,CAACM,EAAE,EACRL,MACD,CAAC;EACD,IAAKc,YAAY,MAAAZ,sBAAA,GAAMH,KAAK,EAAEO,aAAa,EAAEC,KAAK,cAAAL,sBAAA,cAAAA,sBAAA,GAAI,CAAC,CAAC,CAAE,EAAG;IAC5D,OAAO;MACNM,UAAU,EAAET,KAAK,CAACO,aAAa,CAACC,KAAK,CAAEO,YAAY,CAAE,CAACL,KAAK;MAC3DC,WAAW,EAAEX,KAAK,CAACO,aAAa,CAACC,KAAK,CAAEO,YAAY,CAAE,CAACH,MAAM;MAC7DC,cAAc,EACbb,KAAK,CAACO,aAAa,CAACC,KAAK,CAAEO,YAAY,CAAE,CAACD;IAC5C,CAAC;EACF;;EAEA;EACA,OAAO;IACNL,UAAU,EAAET,KAAK,CAACO,aAAa,CAACG,KAAK;IACrCC,WAAW,EAAEX,KAAK,CAACO,aAAa,CAACK,MAAM;IACvCC,cAAc,EAAEb,KAAK,CAACc;EACvB,CAAC;AACF;AAEA,SAASE,iBAAiBA,CAAE;EAC3BC,aAAa;EACbC,eAAe;EACfC,aAAa;EACbC,aAAa;EACbpB,KAAK;EACLqB,QAAQ;EACRC,QAAQ;EACRC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,eAAM,EAAE,KAAM,CAAC;EACvC,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrD,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAEC,kBAAiB,CAAC;EACrD,MAAM;IAAEnB;EAAe,CAAC,GAAGd,eAAe,CAAEC,KAAK,EAAEiB,aAAc,CAAC;EAElE,SAASgB,WAAWA,CAAEC,SAAS,EAAG;IACjCJ,WAAW,CAAC,CAAC,CAACK,WAAW,CAAE;MAC1BC,YAAY,EAAE5C,mBAAmB;MACjC0C,SAAS;MACTG,YAAYA,CAAE,CAAEC,KAAK,CAAE,EAAG;QACzB,IAAK,IAAAC,eAAS,EAAED,KAAK,EAAEE,GAAI,CAAC,EAAG;UAC9BZ,YAAY,CAAE,IAAK,CAAC;UACpB;QACD;QACA,IAAKU,KAAK,EAAG;UACZnB,aAAa,CAAEmB,KAAM,CAAC;QACvB;QACAV,YAAY,CAAE,KAAM,CAAC;MACtB,CAAC;MACDa,OAAOA,CAAEC,OAAO,EAAG;QAClBnB,gBAAgB,CAACoB,gBAAgB,CAAC,CAAC;QACnCpB,gBAAgB,CAACqB,iBAAiB,CAAEF,OAAQ,CAAC;MAC9C,CAAC;MACDG,QAAQ,EAAE;IACX,CAAE,CAAC;EACJ;;EAEA;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACC,SAASC,mBAAmBA,CAAEC,UAAU,EAAG;IAC1C,IAAKA,UAAU,CAACC,QAAQ,EAAG;MAC1B,OAAO,IAAAC,aAAO;MACb;MACA,IAAAvD,QAAE,EAAE,mBAAoB,CAAC,EACzBqD,UAAU,CAACC,QACZ,CAAC;IACF;IACA,OAAO,IAAAC,aAAO;IACb;IACA,IAAAvD,QAAE,EACD,iEACD,CAAC,EACDqD,UAAU,CAACxC,aAAa,CAACC,KAAK,EAAE0C,IAAI,EAAEC,IAAI,IAAIJ,UAAU,CAACK,IAC1D,CAAC;EACF;EAEA,SAASC,WAAWA,CAAEC,IAAI,EAAG;IAC5B,IAAK7B,eAAe,CAAC8B,OAAO,IAAID,IAAI,EAAG;MACtCA,IAAI,CAACE,KAAK,CAAC,CAAC;MACZ/B,eAAe,CAAC8B,OAAO,GAAG,KAAK;IAChC;EACD;EAEA,MAAME,cAAc,GACnB,CAAEjC,8BAA8B,IAAI,CAAC,CAAEN,eAAe,IAAI,CAAElB,KAAK;EAElE,oBACC,IAAAT,WAAA,CAAAmE,IAAA,EAACrE,MAAA,CAAAsE,OAAsB;IAAA7D,QAAA,GACpBwB,QAAQ,eACV,IAAA/B,WAAA,CAAAmE,IAAA;MAAKE,SAAS,EAAC,4BAA4B;MAAA9D,QAAA,GACxCE,KAAK,iBACN,IAAAT,WAAA,CAAAM,GAAA;QACCS,EAAE,EAAG,8BAA+BY,eAAe,cAAiB;QACpE0C,SAAS,EAAC,QAAQ;QAAA9D,QAAA,EAEhBgD,mBAAmB,CAAE9C,KAAM;MAAC,CAC1B,CACL,eACD,IAAAT,WAAA,CAAAM,GAAA,EAACV,YAAA,CAAA0E,gBAAgB;QAACC,QAAQ,EAAGlE,YAAc;QAAAE,QAAA,eAC1C,IAAAP,WAAA,CAAAM,GAAA,EAACV,YAAA,CAAA4E,WAAW;UACXC,KAAK,EACJ3C,QAAQ,EAAE4C,MAAM,EAAEC,cAAc,IAChCzE,2BACA;UACD0E,QAAQ,EAAGhD,aAAe;UAC1BiD,yBAAyB;UACzBhC,YAAY,EAAG5C,mBAAqB;UACpC6E,UAAU,EAAC,yCAAyC;UACpDC,MAAM,EAAGA,CAAE;YAAEC;UAAK,CAAC,kBAClB,IAAAhF,WAAA,CAAAmE,IAAA;YAAKE,SAAS,EAAC,uCAAuC;YAAA9D,QAAA,GACnD2D,cAAc,gBACf,IAAAlE,WAAA,CAAAM,GAAA,EAACf,WAAA,CAAA0F,MAAM;cACNC,MAAM,EAAC,SAAS;cAChBC,aAAa,EAAG,KAAO;cAAA5E,QAAA,EAErB,IAAAJ,QAAE,EACH,6CACD;YAAC,CACM,CAAC,gBAET,IAAAH,WAAA,CAAAmE,IAAA,EAAC5E,WAAA,CAAA6F,MAAM;cACNC,qBAAqB;cACrBC,GAAG,EAAGxB,WAAa;cACnBO,SAAS,EACR,CAAE1C,eAAe,GACd,oCAAoC,GACpC,qCACH;cACD4D,OAAO,EAAGP,IAAM;cAChB,cACC,CAAErD,eAAe,GACd,IAAI,GACJ,IAAAxB,QAAE,EACF,oCACA,CACH;cACD,oBACC,CAAEwB,eAAe,GACd,IAAI,GACJ,8BAA+BA,eAAe,cACjD;cACD,iBAAc,QAAQ;cACtB6D,QAAQ,EAAGpD,SAAW;cACtBqD,sBAAsB;cAAAlF,QAAA,GAEpB,CAAC,CAAEoB,eAAe,IAAIlB,KAAK,iBAC5B,IAAAT,WAAA,CAAAM,GAAA;gBACC+D,SAAS,EAAC,2CAA2C;gBACrDqB,GAAG,EAAGpE,cAAgB;gBACtBqE,GAAG,EAAGpC,mBAAmB,CACxB9C,KACD;cAAG,CACH,CACD,EACC,CAAE2B,SAAS,IACZH,8BAA8B,kBAC9B,IAAAjC,WAAA,CAAAM,GAAA,EAACf,WAAA,CAAAqG,OAAO,IAAE,CACV,EACC,CAAEjE,eAAe,IAClB,CAAES,SAAS,KACTN,QAAQ,EAAE4C,MAAM,EACfmB,kBAAkB,IACpBzF,+BAA+B,CAAE;YAAA,CAC5B,CACR,EACC,CAAC,CAAEuB,eAAe,iBACnB,IAAA3B,WAAA,CAAAmE,IAAA,EAAC5E,WAAA,CAAAuG,oBAAM;cACNzB,SAAS,EAAG,IAAA0B,aAAI,EACf,qCAAqC,EACrC;gBACC,mDAAmD,EAClD7B,cAAc;gBACf,yDAAyD,EACxDjC;cACF,CACD,CAAG;cAAA1B,QAAA,gBAEH,IAAAP,WAAA,CAAAM,GAAA,EAACf,WAAA,CAAA6F,MAAM;gBACNC,qBAAqB;gBACrBhB,SAAS,EAAC,oCAAoC;gBAC9CkB,OAAO,EAAGP,IAAM;gBAChB,iBAAc,QAAQ;gBACtBgB,OAAO,EACN9B,cAAc,GACX,WAAW,GACX+B,SACH;gBAAA1F,QAAA,EAEC,IAAAJ,QAAE,EAAE,SAAU;cAAC,CACV,CAAC,eACT,IAAAH,WAAA,CAAAM,GAAA,EAACf,WAAA,CAAA6F,MAAM;gBACNC,qBAAqB;gBACrBhB,SAAS,EAAC,oCAAoC;gBAC9CkB,OAAO,EAAGA,CAAA,KAAM;kBACf1D,aAAa,CAAC,CAAC;kBACf;kBACA;kBACA;kBACAK,eAAe,CAAC8B,OAAO,GAAG,IAAI;gBAC/B,CAAG;gBACHgC,OAAO,EACN9B,cAAc,GACX,WAAW,GACX+B,SACH;gBACDC,aAAa,EAAGhC,cAAgB;gBAAA3D,QAAA,EAE9B,IAAAJ,QAAE,EAAE,QAAS;cAAC,CACT,CAAC;YAAA,CACF,CACR,eACD,IAAAH,WAAA,CAAAM,GAAA,EAACf,WAAA,CAAA4G,QAAQ;cAACC,WAAW,EAAG1D;YAAa,CAAE,CAAC;UAAA,CACpC,CACH;UACH2D,KAAK,EAAG1E;QAAiB,CACzB;MAAC,CACe,CAAC;IAAA,CACf,CAAC;EAAA,CACiB,CAAC;AAE3B;AAEA,MAAM2E,eAAe,GAAG,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACjD,MAAM;IAAEC,eAAe;IAAEC,WAAW;IAAEC;EAAsB,CAAC,GAC5DH,MAAM,CAAEI,eAAU,CAAC;EACpB,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGN,MAAM,CAAEO,YAAY,CAAC;EAC1E,MAAMpF,eAAe,GAAGmF,sBAAsB,CAAE,gBAAiB,CAAC;EAElE,OAAO;IACNrG,KAAK,EAAEkB,eAAe,GACnB8E,eAAe,CAAE,UAAU,EAAE,YAAY,EAAE9E,eAAe,EAAE;MAC5DqF,OAAO,EAAE;IACT,CAAE,CAAC,GACH,IAAI;IACPtF,aAAa,EAAEmF,gBAAgB,CAAC,CAAC;IACjC/E,QAAQ,EAAE4E,WAAW,CAAEI,sBAAsB,CAAE,MAAO,CAAE,CAAC;IACzDnF,eAAe;IACfM,8BAA8B,EAC7B,CAAC,CAAEN,eAAe,IAClB,CAAEgF,qBAAqB,CAAE,iBAAiB,EAAE,CAC3C,UAAU,EACV,YAAY,EACZhF,eAAe,EACf;MAAEqF,OAAO,EAAE;IAAO,CAAC,CAClB;EACJ,CAAC;AACF,CAAE,CAAC;AAEH,MAAMC,iBAAiB,GAAG,IAAAC,kBAAY,EACrC,CAAEC,QAAQ,EAAE;EAAEnF;AAAiB,CAAC,EAAE;EAAEwE;AAAO,CAAC,KAAM;EACjD,MAAM;IAAEY;EAAS,CAAC,GAAGD,QAAQ,CAAEJ,YAAY,CAAC;EAC5C,OAAO;IACNnF,aAAaA,CAAEmB,KAAK,EAAG;MACtBqE,QAAQ,CAAE;QAAEC,cAAc,EAAEtE,KAAK,CAAChC;MAAG,CAAE,CAAC;IACzC,CAAC;IACDuG,WAAWA,CAAE3E,SAAS,EAAG;MACxB6D,MAAM,CAAE/D,kBAAiB,CAAC,CACxBF,WAAW,CAAC,CAAC,CACbK,WAAW,CAAE;QACbC,YAAY,EAAE,CAAE,OAAO,CAAE;QACzBF,SAAS;QACTG,YAAYA,CAAE,CAAEC,KAAK,CAAE,EAAG;UACzBqE,QAAQ,CAAE;YAAEC,cAAc,EAAEtE,KAAK,CAAChC;UAAG,CAAE,CAAC;QACzC,CAAC;QACDmC,OAAOA,CAAEC,OAAO,EAAG;UAClBnB,gBAAgB,CAACoB,gBAAgB,CAAC,CAAC;UACnCpB,gBAAgB,CAACqB,iBAAiB,CAAEF,OAAQ,CAAC;QAC9C,CAAC;QACDG,QAAQ,EAAE;MACX,CAAE,CAAC;IACL,CAAC;IACDzB,aAAaA,CAAA,EAAG;MACfuF,QAAQ,CAAE;QAAEC,cAAc,EAAE;MAAE,CAAE,CAAC;IAClC;EACD,CAAC;AACF,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA,IAAAE,QAAA,GAAAC,OAAA,CAAApD,OAAA,GAee,IAAAqD,gBAAO,EACrBC,uBAAW,EACXpB,eAAe,EACfW,iBAAiB,EACjB,IAAAU,uBAAW,EAAE,0BAA2B,CACzC,CAAC,CAAElG,iBAAkB,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-featured-image/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { applyFilters } from '@wordpress/hooks';\nimport {\n\tDropZone,\n\tButton,\n\tSpinner,\n\twithNotices,\n\twithFilters,\n\t__experimentalHStack as HStack,\n\tNotice,\n} from '@wordpress/components';\nimport { isBlobURL } from '@wordpress/blob';\nimport { useState, useRef } from '@wordpress/element';\nimport { compose } from '@wordpress/compose';\nimport { useSelect, withDispatch, withSelect } from '@wordpress/data';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport PostFeaturedImageCheck from './check';\nimport { store as editorStore } from '../../store';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\n// Used when labels from post type were not yet loaded or when they are not present.\nconst DEFAULT_FEATURE_IMAGE_LABEL = __( 'Featured image' );\nconst DEFAULT_SET_FEATURE_IMAGE_LABEL = __( 'Add a featured image' );\n\nconst instructions = (\n\t<p>\n\t\t{ __(\n\t\t\t'To edit the featured image, you need permission to upload media.'\n\t\t) }\n\t</p>\n);\n\nfunction getMediaDetails( media, postId ) {\n\tif ( ! media ) {\n\t\treturn {};\n\t}\n\n\tconst defaultSize = applyFilters(\n\t\t'editor.PostFeaturedImage.imageSize',\n\t\t'large',\n\t\tmedia.id,\n\t\tpostId\n\t);\n\tif ( defaultSize in ( media?.media_details?.sizes ?? {} ) ) {\n\t\treturn {\n\t\t\tmediaWidth: media.media_details.sizes[ defaultSize ].width,\n\t\t\tmediaHeight: media.media_details.sizes[ defaultSize ].height,\n\t\t\tmediaSourceUrl: media.media_details.sizes[ defaultSize ].source_url,\n\t\t};\n\t}\n\n\t// Use fallbackSize when defaultSize is not available.\n\tconst fallbackSize = applyFilters(\n\t\t'editor.PostFeaturedImage.imageSize',\n\t\t'thumbnail',\n\t\tmedia.id,\n\t\tpostId\n\t);\n\tif ( fallbackSize in ( media?.media_details?.sizes ?? {} ) ) {\n\t\treturn {\n\t\t\tmediaWidth: media.media_details.sizes[ fallbackSize ].width,\n\t\t\tmediaHeight: media.media_details.sizes[ fallbackSize ].height,\n\t\t\tmediaSourceUrl:\n\t\t\t\tmedia.media_details.sizes[ fallbackSize ].source_url,\n\t\t};\n\t}\n\n\t// Use full image size when fallbackSize and defaultSize are not available.\n\treturn {\n\t\tmediaWidth: media.media_details.width,\n\t\tmediaHeight: media.media_details.height,\n\t\tmediaSourceUrl: media.source_url,\n\t};\n}\n\nfunction PostFeaturedImage( {\n\tcurrentPostId,\n\tfeaturedImageId,\n\tonUpdateImage,\n\tonRemoveImage,\n\tmedia,\n\tpostType,\n\tnoticeUI,\n\tnoticeOperations,\n\tisRequestingFeaturedImageMedia,\n} ) {\n\tconst returnsFocusRef = useRef( false );\n\tconst [ isLoading, setIsLoading ] = useState( false );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\tconst { mediaSourceUrl } = getMediaDetails( media, currentPostId );\n\n\tfunction onDropFiles( filesList ) {\n\t\tgetSettings().mediaUpload( {\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tfilesList,\n\t\t\tonFileChange( [ image ] ) {\n\t\t\t\tif ( isBlobURL( image?.url ) ) {\n\t\t\t\t\tsetIsLoading( true );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( image ) {\n\t\t\t\t\tonUpdateImage( image );\n\t\t\t\t}\n\t\t\t\tsetIsLoading( false );\n\t\t\t},\n\t\t\tonError( message ) {\n\t\t\t\tnoticeOperations.removeAllNotices();\n\t\t\t\tnoticeOperations.createErrorNotice( message );\n\t\t\t},\n\t\t\tmultiple: false,\n\t\t} );\n\t}\n\n\t/**\n\t * Generates the featured image alt text for this editing context.\n\t *\n\t * @param {Object} imageMedia                               The image media object.\n\t * @param {string} imageMedia.alt_text                      The alternative text of the image.\n\t * @param {Object} imageMedia.media_details                 The media details of the image.\n\t * @param {Object} imageMedia.media_details.sizes           The sizes of the image.\n\t * @param {Object} imageMedia.media_details.sizes.full      The full size details of the image.\n\t * @param {string} imageMedia.media_details.sizes.full.file The file name of the full size image.\n\t * @param {string} imageMedia.slug                          The slug of the image.\n\t * @return {string} The featured image alt text.\n\t */\n\tfunction getImageDescription( imageMedia ) {\n\t\tif ( imageMedia.alt_text ) {\n\t\t\treturn sprintf(\n\t\t\t\t// Translators: %s: The selected image alt text.\n\t\t\t\t__( 'Current image: %s' ),\n\t\t\t\timageMedia.alt_text\n\t\t\t);\n\t\t}\n\t\treturn sprintf(\n\t\t\t// Translators: %s: The selected image filename.\n\t\t\t__(\n\t\t\t\t'The current image has no alternative text. The file name is: %s'\n\t\t\t),\n\t\t\timageMedia.media_details.sizes?.full?.file || imageMedia.slug\n\t\t);\n\t}\n\n\tfunction returnFocus( node ) {\n\t\tif ( returnsFocusRef.current && node ) {\n\t\t\tnode.focus();\n\t\t\treturnsFocusRef.current = false;\n\t\t}\n\t}\n\n\tconst isMissingMedia =\n\t\t! isRequestingFeaturedImageMedia && !! featuredImageId && ! media;\n\n\treturn (\n\t\t<PostFeaturedImageCheck>\n\t\t\t{ noticeUI }\n\t\t\t<div className=\"editor-post-featured-image\">\n\t\t\t\t{ media && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tid={ `editor-post-featured-image-${ featuredImageId }-describedby` }\n\t\t\t\t\t\tclassName=\"hidden\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ getImageDescription( media ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<MediaUploadCheck fallback={ instructions }>\n\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\tpostType?.labels?.featured_image ||\n\t\t\t\t\t\t\tDEFAULT_FEATURE_IMAGE_LABEL\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonSelect={ onUpdateImage }\n\t\t\t\t\t\tunstableFeaturedImageFlow\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\tmodalClass=\"editor-post-featured-image__media-modal\"\n\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t<div className=\"editor-post-featured-image__container\">\n\t\t\t\t\t\t\t\t{ isMissingMedia ? (\n\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\tstatus=\"warning\"\n\t\t\t\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'Could not retrieve the featured image data.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\tref={ returnFocus }\n\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t! featuredImageId\n\t\t\t\t\t\t\t\t\t\t\t\t? 'editor-post-featured-image__toggle'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'editor-post-featured-image__preview'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\t\t\t! featuredImageId\n\t\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Edit or replace the featured image'\n\t\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\t\t! featuredImageId\n\t\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t\t: `editor-post-featured-image-${ featuredImageId }-describedby`\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ !! featuredImageId && media && (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"editor-post-featured-image__preview-image\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={ mediaSourceUrl }\n\t\t\t\t\t\t\t\t\t\t\t\talt={ getImageDescription(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmedia\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t{ ( isLoading ||\n\t\t\t\t\t\t\t\t\t\t\tisRequestingFeaturedImageMedia ) && (\n\t\t\t\t\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t{ ! featuredImageId &&\n\t\t\t\t\t\t\t\t\t\t\t! isLoading &&\n\t\t\t\t\t\t\t\t\t\t\t( postType?.labels\n\t\t\t\t\t\t\t\t\t\t\t\t?.set_featured_image ||\n\t\t\t\t\t\t\t\t\t\t\t\tDEFAULT_SET_FEATURE_IMAGE_LABEL ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ !! featuredImageId && (\n\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t'editor-post-featured-image__actions',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'editor-post-featured-image__actions-missing-image':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisMissingMedia,\n\t\t\t\t\t\t\t\t\t\t\t\t'editor-post-featured-image__actions-is-requesting-image':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisRequestingFeaturedImageMedia,\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"editor-post-featured-image__action\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\tisMissingMedia\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'secondary'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Replace' ) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"editor-post-featured-image__action\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tonRemoveImage();\n\t\t\t\t\t\t\t\t\t\t\t\t// Signal that the toggle button should be focused,\n\t\t\t\t\t\t\t\t\t\t\t\t// when it is rendered. Can't focus it directly here\n\t\t\t\t\t\t\t\t\t\t\t\t// because it's rendered conditionally.\n\t\t\t\t\t\t\t\t\t\t\t\treturnsFocusRef.current = true;\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\tisMissingMedia\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'secondary'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tisDestructive={ isMissingMedia }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<DropZone onFilesDrop={ onDropFiles } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tvalue={ featuredImageId }\n\t\t\t\t\t/>\n\t\t\t\t</MediaUploadCheck>\n\t\t\t</div>\n\t\t</PostFeaturedImageCheck>\n\t);\n}\n\nconst applyWithSelect = withSelect( ( select ) => {\n\tconst { getEntityRecord, getPostType, hasFinishedResolution } =\n\t\tselect( coreStore );\n\tconst { getCurrentPostId, getEditedPostAttribute } = select( editorStore );\n\tconst featuredImageId = getEditedPostAttribute( 'featured_media' );\n\n\treturn {\n\t\tmedia: featuredImageId\n\t\t\t? getEntityRecord( 'postType', 'attachment', featuredImageId, {\n\t\t\t\t\tcontext: 'view',\n\t\t\t  } )\n\t\t\t: null,\n\t\tcurrentPostId: getCurrentPostId(),\n\t\tpostType: getPostType( getEditedPostAttribute( 'type' ) ),\n\t\tfeaturedImageId,\n\t\tisRequestingFeaturedImageMedia:\n\t\t\t!! featuredImageId &&\n\t\t\t! hasFinishedResolution( 'getEntityRecord', [\n\t\t\t\t'postType',\n\t\t\t\t'attachment',\n\t\t\t\tfeaturedImageId,\n\t\t\t\t{ context: 'view' },\n\t\t\t] ),\n\t};\n} );\n\nconst applyWithDispatch = withDispatch(\n\t( dispatch, { noticeOperations }, { select } ) => {\n\t\tconst { editPost } = dispatch( editorStore );\n\t\treturn {\n\t\t\tonUpdateImage( image ) {\n\t\t\t\teditPost( { featured_media: image.id } );\n\t\t\t},\n\t\t\tonDropImage( filesList ) {\n\t\t\t\tselect( blockEditorStore )\n\t\t\t\t\t.getSettings()\n\t\t\t\t\t.mediaUpload( {\n\t\t\t\t\t\tallowedTypes: [ 'image' ],\n\t\t\t\t\t\tfilesList,\n\t\t\t\t\t\tonFileChange( [ image ] ) {\n\t\t\t\t\t\t\teditPost( { featured_media: image.id } );\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonError( message ) {\n\t\t\t\t\t\t\tnoticeOperations.removeAllNotices();\n\t\t\t\t\t\t\tnoticeOperations.createErrorNotice( message );\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmultiple: false,\n\t\t\t\t\t} );\n\t\t\t},\n\t\t\tonRemoveImage() {\n\t\t\t\teditPost( { featured_media: 0 } );\n\t\t\t},\n\t\t};\n\t}\n);\n\n/**\n * Renders the component for managing the featured image of a post.\n *\n * @param {Object}   props                  Props.\n * @param {number}   props.currentPostId    ID of the current post.\n * @param {number}   props.featuredImageId  ID of the featured image.\n * @param {Function} props.onUpdateImage    Function to call when the image is updated.\n * @param {Function} props.onRemoveImage    Function to call when the image is removed.\n * @param {Object}   props.media            The media object representing the featured image.\n * @param {string}   props.postType         Post type.\n * @param {Element}  props.noticeUI         UI for displaying notices.\n * @param {Object}   props.noticeOperations Operations for managing notices.\n *\n * @return {Element} Component to be rendered .\n */\nexport default compose(\n\twithNotices,\n\tapplyWithSelect,\n\tapplyWithDispatch,\n\twithFilters( 'editor.PostFeaturedImage' )\n)( PostFeaturedImage );\n"],
+  "mappings": "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",
+  "names": ["blockEditorStore", "PostFeaturedImageCheck", "HStack", "clsx", "coreStore", "editorStore"]
+}