@wordpress/block-library 8.19.6 → 8.20.1

package/build-module/cover/edit/index.js

@@ -1,10 +1,8 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
 import classnames from 'classnames';
-import { extend } from 'colord';
-import namesPlugin from 'colord/plugins/names';
 
 /**
  * WordPress dependencies
@@ -22,12 +20,12 @@ import { store as noticesStore } from '@wordpress/notices';
 /**
  * Internal dependencies
  */
-import { attributesFromMedia, IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, dimRatioToClass, isContentPositionCenter, getPositionClassName, mediaPosition, getCoverIsDark } from '../shared';
+import { attributesFromMedia, IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, dimRatioToClass, isContentPositionCenter, getPositionClassName, mediaPosition } from '../shared';
 import CoverInspectorControls from './inspector-controls';
 import CoverBlockControls from './block-controls';
 import CoverPlaceholder from './cover-placeholder';
 import ResizableCoverPopover from './resizable-cover-popover';
-extend([namesPlugin]);
+import { getMediaColor, compositeIsDark, DEFAULT_BACKGROUND_COLOR, DEFAULT_OVERLAY_COLOR } from './color-utils';
 function getInnerBlocksTemplate(attributes) {
   return [['core/paragraph', {
     align: 'center',
@@ -62,6 +60,8 @@ function CoverEdit({
   const {
     contentPosition,
     id,
+    url: originalUrl,
+    backgroundType: originalBackgroundType,
     useFeaturedImage,
     dimRatio,
     focalPoint,
@@ -73,7 +73,8 @@ function CoverEdit({
     alt,
     allowedBlocks,
     templateLock,
-    tagName: TagName = 'div'
+    tagName: TagName = 'div',
+    isUserOverlayColor
   } = attributes;
   const [featuredImage] = useEntityProp('postType', postType, 'featured_media', postId);
   const {
@@ -83,19 +84,30 @@ function CoverEdit({
     context: 'view'
   }), [featuredImage]);
   const mediaUrl = media?.source_url;
+
+  // User can change the featured image outside of the block, but we still
+  // need to update the block when that happens. This effect should only
+  // run when the featured image changes in that case. All other cases are
+  // handled in their respective callbacks.
   useEffect(() => {
-    async function setIsDark() {
+    (async () => {
+      if (!useFeaturedImage) {
+        return;
+      }
+      const averageBackgroundColor = await getMediaColor(mediaUrl);
+      let newOverlayColor = overlayColor.color;
+      if (!isUserOverlayColor) {
+        newOverlayColor = averageBackgroundColor;
+        __unstableMarkNextChangeAsNotPersistent();
+        setOverlayColor(newOverlayColor);
+      }
+      const newIsDark = compositeIsDark(dimRatio, newOverlayColor, averageBackgroundColor);
       __unstableMarkNextChangeAsNotPersistent();
-      const isDarkSetting = await getCoverIsDark(mediaUrl, dimRatio, overlayColor.color);
       setAttributes({
-        isDark: isDarkSetting
+        isDark: newIsDark
       });
-    }
-    if (useFeaturedImage) {
-      setIsDark();
-    }
-    // We only ever want to run this effect if the mediaUrl changes.
-    // All other changes to the isDark state are handled in the appropriate event handlers.
+    })();
+    // Disable reason: Update the block only when the featured image changes.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mediaUrl]);
 
@@ -105,8 +117,8 @@ function CoverEdit({
   // to preview in edit the dynamic featured image
   const url = useFeaturedImage ? mediaUrl :
   // Ensure the url is not malformed due to sanitization through `wp_kses`.
-  attributes.url?.replaceAll('&', '&');
-  const backgroundType = useFeaturedImage ? IMAGE_BACKGROUND_TYPE : attributes.backgroundType;
+  originalUrl?.replaceAll('&', '&');
+  const backgroundType = useFeaturedImage ? IMAGE_BACKGROUND_TYPE : originalBackgroundType;
   const {
     createErrorNotice
   } = useDispatch(noticesStore);
@@ -114,15 +126,37 @@ function CoverEdit({
     gradientClass,
     gradientValue
   } = __experimentalUseGradient();
-  const setMedia = attributesFromMedia(setAttributes, dimRatio);
   const onSelectMedia = async newMedia => {
-    // Only pass the url to getCoverIsDark if the media is an image as video is not handled.
-    const newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;
-    const isDarkSetting = await getCoverIsDark(newUrl, dimRatio, overlayColor.color);
-    setMedia(newMedia, isDarkSetting);
+    const mediaAttributes = attributesFromMedia(newMedia);
+    const averageBackgroundColor = await getMediaColor(newMedia?.type === IMAGE_BACKGROUND_TYPE ? newMedia?.url : undefined);
+    let newOverlayColor = overlayColor.color;
+    if (!isUserOverlayColor) {
+      newOverlayColor = averageBackgroundColor;
+      setOverlayColor(newOverlayColor);
+
+      // Make undo revert the next setAttributes and the previous setOverlayColor.
+      __unstableMarkNextChangeAsNotPersistent();
+    }
+    const newDimRatio = dimRatio === 100 ? 50 : dimRatio;
+    const newIsDark = compositeIsDark(newDimRatio, newOverlayColor, averageBackgroundColor);
+    setAttributes({
+      ...mediaAttributes,
+      focalPoint: undefined,
+      useFeaturedImage: undefined,
+      dimRatio: newDimRatio,
+      isDark: newIsDark
+    });
   };
-  const onClearMedia = async () => {
-    const isDarkSetting = await getCoverIsDark(undefined, dimRatio, overlayColor.color);
+  const onClearMedia = () => {
+    let newOverlayColor = overlayColor.color;
+    if (!isUserOverlayColor) {
+      newOverlayColor = DEFAULT_OVERLAY_COLOR;
+      setOverlayColor(undefined);
+
+      // Make undo revert the next setAttributes and the previous setOverlayColor.
+      __unstableMarkNextChangeAsNotPersistent();
+    }
+    const newIsDark = compositeIsDark(dimRatio, newOverlayColor, DEFAULT_BACKGROUND_COLOR);
     setAttributes({
       url: undefined,
       id: undefined,
@@ -130,31 +164,36 @@ function CoverEdit({
       focalPoint: undefined,
       hasParallax: undefined,
       isRepeated: undefined,
-      useFeaturedImage: false,
-      isDark: isDarkSetting
+      useFeaturedImage: undefined,
+      isDark: newIsDark
     });
   };
-  const onSetOverlayColor = async colorValue => {
-    const isDarkSetting = await getCoverIsDark(url, dimRatio, colorValue);
-    setOverlayColor(colorValue);
+  const onSetOverlayColor = async newOverlayColor => {
+    const averageBackgroundColor = await getMediaColor(url);
+    const newIsDark = compositeIsDark(dimRatio, newOverlayColor, averageBackgroundColor);
+    setOverlayColor(newOverlayColor);
+
+    // Make undo revert the next setAttributes and the previous setOverlayColor.
     __unstableMarkNextChangeAsNotPersistent();
     setAttributes({
-      isDark: isDarkSetting
+      isUserOverlayColor: true,
+      isDark: newIsDark
     });
   };
   const onUpdateDimRatio = async newDimRatio => {
-    const isDarkSetting = await getCoverIsDark(url, newDimRatio, overlayColor.color);
+    const averageBackgroundColor = await getMediaColor(url);
+    const newIsDark = compositeIsDark(newDimRatio, overlayColor.color, averageBackgroundColor);
     setAttributes({
       dimRatio: newDimRatio,
-      isDark: isDarkSetting
+      isDark: newIsDark
     });
   };
-  const isUploadingMedia = isTemporaryMedia(id, url);
   const onUploadError = message => {
     createErrorNotice(message, {
       type: 'snackbar'
     });
   };
+  const isUploadingMedia = isTemporaryMedia(id, url);
   const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
   const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
   const [resizeListener, {
@@ -213,14 +252,28 @@ function CoverEdit({
     overlayColor
   };
   const toggleUseFeaturedImage = async () => {
-    const isDarkSetting = await (useFeaturedImage ? getCoverIsDark(undefined, dimRatio, overlayColor.color) : getCoverIsDark(mediaUrl, dimRatio, overlayColor.color));
+    const newUseFeaturedImage = !useFeaturedImage;
+    const averageBackgroundColor = newUseFeaturedImage ? await getMediaColor(mediaUrl) : DEFAULT_BACKGROUND_COLOR;
+    const newOverlayColor = !isUserOverlayColor ? averageBackgroundColor : overlayColor.color;
+    if (!isUserOverlayColor) {
+      if (newUseFeaturedImage) {
+        setOverlayColor(newOverlayColor);
+      } else {
+        setOverlayColor(undefined);
+      }
+
+      // Make undo revert the next setAttributes and the previous setOverlayColor.
+      __unstableMarkNextChangeAsNotPersistent();
+    }
+    const newDimRatio = dimRatio === 100 ? 50 : dimRatio;
+    const newIsDark = compositeIsDark(newDimRatio, newOverlayColor, averageBackgroundColor);
     setAttributes({
       id: undefined,
       url: undefined,
-      useFeaturedImage: !useFeaturedImage,
-      dimRatio: dimRatio === 100 ? 50 : dimRatio,
+      useFeaturedImage: newUseFeaturedImage,
+      dimRatio: newDimRatio,
       backgroundType: useFeaturedImage ? IMAGE_BACKGROUND_TYPE : undefined,
-      isDark: isDarkSetting
+      isDark: newIsDark
     });
   };
   const blockControls = createElement(CoverBlockControls, {

package/build-module/cover/edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","extend","namesPlugin","useEntityProp","store","coreStore","useEffect","useMemo","useRef","Placeholder","Spinner","compose","useResizeObserver","withColors","ColorPalette","useBlockProps","useSetting","useInnerBlocksProps","__experimentalUseGradient","blockEditorStore","__","useSelect","useDispatch","isBlobURL","noticesStore","attributesFromMedia","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","dimRatioToClass","isContentPositionCenter","getPositionClassName","mediaPosition","getCoverIsDark","CoverInspectorControls","CoverBlockControls","CoverPlaceholder","ResizableCoverPopover","getInnerBlocksTemplate","attributes","align","placeholder","isTemporaryMedia","id","url","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","featuredImage","__unstableMarkNextChangeAsNotPersistent","media","select","getMedia","mediaUrl","source_url","setIsDark","isDarkSetting","color","replaceAll","backgroundType","createErrorNotice","gradientClass","gradientValue","setMedia","onSelectMedia","newMedia","newUrl","type","undefined","onClearMedia","onSetOverlayColor","colorValue","onUpdateDimRatio","newDimRatio","isUploadingMedia","onUploadError","message","isImageBackground","isVideoBackground","resizeListener","height","width","resizableBoxDimensions","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","blockProps","hasFontSizes","innerBlocksTemplate","fontSize","innerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","blockControls","createElement","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","onError","disableCustomColors","onChange","clearable","classes","class","withIllustration","src","role","autoPlay","muted","loop","disableMediaButtons"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n\tgetCoverIsDark,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\n\nextend( [ namesPlugin ] );\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id  The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\tuseEffect( () => {\n\t\tasync function setIsDark() {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\t\tmediaUrl,\n\t\t\t\tdimRatio,\n\t\t\t\toverlayColor.color\n\t\t\t);\n\t\t\tsetAttributes( {\n\t\t\t\tisDark: isDarkSetting,\n\t\t\t} );\n\t\t}\n\t\tif ( useFeaturedImage ) {\n\t\t\tsetIsDark();\n\t\t}\n\t\t// We only ever want to run this effect if the mediaUrl changes.\n\t\t// All other changes to the isDark state are handled in the appropriate event handlers.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t  attributes.url?.replaceAll( '&amp;', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: attributes.backgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst setMedia = attributesFromMedia( setAttributes, dimRatio );\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\t// Only pass the url to getCoverIsDark if the media is an image as video is not handled.\n\t\tconst newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tnewUrl,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetMedia( newMedia, isDarkSetting );\n\t};\n\n\tconst onClearMedia = async () => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tundefined,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: false,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( colorValue ) => {\n\t\tconst isDarkSetting = await getCoverIsDark( url, dimRatio, colorValue );\n\t\tsetOverlayColor( colorValue );\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( {\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\turl,\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst isDarkSetting = await ( useFeaturedImage\n\t\t\t? getCoverIsDark( undefined, dimRatio, overlayColor.color )\n\t\t\t: getCoverIsDark( mediaUrl, dimRatio, overlayColor.color ) );\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":"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"}
+{"version":3,"names":["classnames","useEntityProp","store","coreStore","useEffect","useMemo","useRef","Placeholder","Spinner","compose","useResizeObserver","withColors","ColorPalette","useBlockProps","useSetting","useInnerBlocksProps","__experimentalUseGradient","blockEditorStore","__","useSelect","useDispatch","isBlobURL","noticesStore","attributesFromMedia","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","dimRatioToClass","isContentPositionCenter","getPositionClassName","mediaPosition","CoverInspectorControls","CoverBlockControls","CoverPlaceholder","ResizableCoverPopover","getMediaColor","compositeIsDark","DEFAULT_BACKGROUND_COLOR","DEFAULT_OVERLAY_COLOR","getInnerBlocksTemplate","attributes","align","placeholder","isTemporaryMedia","id","url","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","originalUrl","backgroundType","originalBackgroundType","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","isUserOverlayColor","featuredImage","__unstableMarkNextChangeAsNotPersistent","media","select","getMedia","mediaUrl","source_url","averageBackgroundColor","newOverlayColor","color","newIsDark","replaceAll","createErrorNotice","gradientClass","gradientValue","onSelectMedia","newMedia","mediaAttributes","type","undefined","newDimRatio","onClearMedia","onSetOverlayColor","onUpdateDimRatio","onUploadError","message","isUploadingMedia","isImageBackground","isVideoBackground","resizeListener","height","width","resizableBoxDimensions","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","blockProps","hasFontSizes","innerBlocksTemplate","fontSize","innerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","newUseFeaturedImage","blockControls","createElement","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","onError","disableCustomColors","onChange","clearable","classes","class","withIllustration","src","role","autoPlay","muted","loop","disableMediaButtons"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\nimport {\n\tgetMediaColor,\n\tcompositeIsDark,\n\tDEFAULT_BACKGROUND_COLOR,\n\tDEFAULT_OVERLAY_COLOR,\n} from './color-utils';\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id  The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\turl: originalUrl,\n\t\tbackgroundType: originalBackgroundType,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t\tisUserOverlayColor,\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\t// User can change the featured image outside of the block, but we still\n\t// need to update the block when that happens. This effect should only\n\t// run when the featured image changes in that case. All other cases are\n\t// handled in their respective callbacks.\n\tuseEffect( () => {\n\t\t( async () => {\n\t\t\tif ( ! useFeaturedImage ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst averageBackgroundColor = await getMediaColor( mediaUrl );\n\n\t\t\tlet newOverlayColor = overlayColor.color;\n\t\t\tif ( ! isUserOverlayColor ) {\n\t\t\t\tnewOverlayColor = averageBackgroundColor;\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetOverlayColor( newOverlayColor );\n\t\t\t}\n\n\t\t\tconst newIsDark = compositeIsDark(\n\t\t\t\tdimRatio,\n\t\t\t\tnewOverlayColor,\n\t\t\t\taverageBackgroundColor\n\t\t\t);\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { isDark: newIsDark } );\n\t\t} )();\n\t\t// Disable reason: Update the block only when the featured image changes.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t  originalUrl?.replaceAll( '&amp;', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: originalBackgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\tconst mediaAttributes = attributesFromMedia( newMedia );\n\n\t\tconst averageBackgroundColor = await getMediaColor(\n\t\t\tnewMedia?.type === IMAGE_BACKGROUND_TYPE ? newMedia?.url : undefined\n\t\t);\n\n\t\tlet newOverlayColor = overlayColor.color;\n\t\tif ( ! isUserOverlayColor ) {\n\t\t\tnewOverlayColor = averageBackgroundColor;\n\t\t\tsetOverlayColor( newOverlayColor );\n\n\t\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t}\n\n\t\tconst newDimRatio = dimRatio === 100 ? 50 : dimRatio;\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\t...mediaAttributes,\n\t\t\tfocalPoint: undefined,\n\t\t\tuseFeaturedImage: undefined,\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onClearMedia = () => {\n\t\tlet newOverlayColor = overlayColor.color;\n\t\tif ( ! isUserOverlayColor ) {\n\t\t\tnewOverlayColor = DEFAULT_OVERLAY_COLOR;\n\t\t\tsetOverlayColor( undefined );\n\n\t\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t}\n\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tdimRatio,\n\t\t\tnewOverlayColor,\n\t\t\tDEFAULT_BACKGROUND_COLOR\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: undefined,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( newOverlayColor ) => {\n\t\tconst averageBackgroundColor = await getMediaColor( url );\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tdimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetOverlayColor( newOverlayColor );\n\n\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\n\t\tsetAttributes( {\n\t\t\tisUserOverlayColor: true,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst averageBackgroundColor = await getMediaColor( url );\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst newUseFeaturedImage = ! useFeaturedImage;\n\n\t\tconst averageBackgroundColor = newUseFeaturedImage\n\t\t\t? await getMediaColor( mediaUrl )\n\t\t\t: DEFAULT_BACKGROUND_COLOR;\n\n\t\tconst newOverlayColor = ! isUserOverlayColor\n\t\t\t? averageBackgroundColor\n\t\t\t: overlayColor.color;\n\n\t\tif ( ! isUserOverlayColor ) {\n\t\t\tif ( newUseFeaturedImage ) {\n\t\t\t\tsetOverlayColor( newOverlayColor );\n\t\t\t} else {\n\t\t\t\tsetOverlayColor( undefined );\n\t\t\t}\n\n\t\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t}\n\n\t\tconst newDimRatio = dimRatio === 100 ? 50 : dimRatio;\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: newUseFeaturedImage,\n\t\t\tdimRatio: newDimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":"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"}

package/build-module/cover/edit/inspector-controls.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/cover/edit/resizable-cover-popover.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/cover/edit.native.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -115,8 +115,14 @@ const Cover = ({
   const shouldShowFailure = didUploadFail && !isUploadInProgress;
   const onSelectMedia = media => {
     setDidUploadFail(false);
-    const onSelect = attributesFromMedia(setAttributes, dimRatio);
-    onSelect(media);
+    const mediaAttributes = attributesFromMedia(media);
+    setAttributes({
+      ...mediaAttributes,
+      focalPoint: undefined,
+      useFeaturedImage: undefined,
+      dimRatio: dimRatio === 100 ? 50 : dimRatio,
+      isDark: undefined
+    });
   };
   const onMediaPressed = () => {
     if (isUploadInProgress) {

package/build-module/cover/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","TouchableWithoutFeedback","InteractionManager","AccessibilityInfo","Text","Platform","Video","classnames","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","mediaUploadSync","__","Icon","Image","ImageEditingButton","IMAGE_DEFAULT_FOCAL_POINT","ToolbarButton","Gradient","ColorPalette","ColorPicker","BottomSheetConsumer","useConvertUnitToMobile","useMobileGlobalStylesColors","BlockControls","InnerBlocks","InspectorControls","MEDIA_TYPE_IMAGE","MediaPlaceholder","MediaUpload","MediaUploadProgress","getColorObjectByColorValue","getColorObjectByAttributeValues","getGradientValueBySlug","store","blockEditorStore","compose","withPreferredColorScheme","useDispatch","withSelect","withDispatch","useEffect","useState","useRef","useCallback","useMemo","cover","icon","replace","image","warning","getProtocol","editPostStore","styles","attributesFromMedia","ALLOWED_MEDIA_TYPES","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","COVER_DEFAULT_HEIGHT","Controls","useCoverIsDark","INNER_BLOCKS_TEMPLATE","align","placeholder","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","mounted","changeListener","addEventListener","enabled","then","screenReaderEnabled","remove","Cover","attributes","getStylesFromColorScheme","isParentSelected","onFocus","setAttributes","openGeneralSidebar","closeSettingsBottomSheet","isSelected","selectBlock","blockWidth","hasInnerBlocks","backgroundType","dimRatio","focalPoint","minHeight","url","id","style","customOverlayColor","minHeightUnit","allowedBlocks","templateLock","customGradient","gradient","overlayColor","isDark","convertedMinHeight","isImage","THEME_COLORS_COUNT","colorsDefault","coverDefaultPalette","colors","slice","gradients","gradientValue","overlayColorValue","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","shouldShowFailure","onSelectMedia","media","onSelect","onMediaPressed","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","undefined","hasParallax","setColor","_colorValue$slug","_ref","colorValue","slug","openColorPicker","__unstableMarkNextChangeAsNotPersistent","isCoverDark","childrenStyles","defaultColor","defaultColorLightMode","className","includes","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","overlay","opacity","overlaySelected","placeholderIconStyle","iconDark","placeholderIcon","createElement","toolbarControls","open","group","title","onClick","accessibilityHint","OS","addMediaButton","accessibilityLabel","accessibilityRole","onPress","current","selectImageContainer","selectImage","size","selectImageIcon","onBottomSheetClosed","runAfterInteractions","selectedColorText","selectedColorTextDark","bottomLabelText","toUpperCase","colorPickerControls","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","onNavigationBack","renderContent","getMediaOptions","Fragment","renderBackground","accessible","disabled","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","mediaServerId","mediaUrl","onFinishMediaUploadWithFailure","onMediaUploadStateReset","imageContainer","editButton","isUploadFailed","onSelectMediaUploadOption","openMediaOptions","width","muted","disableFocus","repeat","resizeMode","source","uri","onLoad","onLoadStart","height","mediaPlaceholderEmptyStateContainer","hideContent","labels","allowedTypes","colorPaletteWrapper","pointerEvents","customColorIndicatorStyles","paletteColorIndicator","customIndicatorWrapperStyles","paletteCustomIndicatorWrapper","onCustomPress","defaultSettings","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","backgroundContainer","content","template","templateInsertUpdatesSelection","overlayContainer","isReplacingMedia","render","imageEditButton","pickerOptions","destructiveButton","label","separated","value","uploadFailedContainer","uploadFailed","uploadFailedIcon","select","clientId","getSelectedBlockClientId","getBlock","selectedBlockClientId","innerBlocks","length","dispatch","closeGeneralSidebar"],"sources":["@wordpress/block-library/src/cover/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tInteractionManager,\n\tAccessibilityInfo,\n\tText,\n\tPlatform,\n} from 'react-native';\nimport Video from 'react-native-video';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n\tmediaUploadSync,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tImage,\n\tImageEditingButton,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tToolbarButton,\n\tGradient,\n\tColorPalette,\n\tColorPicker,\n\tBottomSheetConsumer,\n\tuseConvertUnitToMobile,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInnerBlocks,\n\tInspectorControls,\n\tMEDIA_TYPE_IMAGE,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { cover as icon, replace, image, warning } from '@wordpress/icons';\nimport { getProtocol } from '@wordpress/url';\n// eslint-disable-next-line no-restricted-imports\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tattributesFromMedia,\n\tALLOWED_MEDIA_TYPES,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tCOVER_DEFAULT_HEIGHT,\n} from './shared';\nimport Controls from './controls';\nimport useCoverIsDark from './use-cover-is-dark';\n\n/**\n * Constants\n */\nconst INNER_BLOCKS_TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\talign: 'center',\n\t\t\tplaceholder: __( 'Write title…' ),\n\t\t},\n\t],\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nconst Cover = ( {\n\tattributes,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tonFocus,\n\tsetAttributes,\n\topenGeneralSidebar,\n\tcloseSettingsBottomSheet,\n\tisSelected,\n\tselectBlock,\n\tblockWidth,\n\thasInnerBlocks,\n} ) => {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\turl,\n\t\tid,\n\t\tstyle,\n\t\tcustomOverlayColor,\n\t\tminHeightUnit = 'px',\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\tcustomGradient,\n\t\tgradient,\n\t\toverlayColor,\n\t\tisDark,\n\t} = attributes;\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tuseEffect( () => {\n\t\t// Sync with local media store.\n\t\tmediaUploadSync();\n\t}, [] );\n\n\tconst convertedMinHeight = useConvertUnitToMobile(\n\t\tminHeight || COVER_DEFAULT_HEIGHT,\n\t\tminHeightUnit\n\t);\n\n\tconst isImage = backgroundType === MEDIA_TYPE_IMAGE;\n\n\tconst THEME_COLORS_COUNT = 4;\n\tconst colorsDefault = useMobileGlobalStylesColors();\n\tconst coverDefaultPalette = useMemo( () => {\n\t\treturn {\n\t\t\tcolors: colorsDefault.slice( 0, THEME_COLORS_COUNT ),\n\t\t};\n\t}, [ colorsDefault ] );\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\tconst overlayColorValue = getColorObjectByAttributeValues(\n\t\tcolorsDefault,\n\t\toverlayColor\n\t);\n\n\tconst hasBackground = !! (\n\t\turl ||\n\t\t( style && style.color && style.color.background ) ||\n\t\tattributes.overlayColor ||\n\t\toverlayColorValue.color ||\n\t\tcustomOverlayColor ||\n\t\tgradientValue\n\t);\n\n\tconst hasOnlyColorBackground = ! url && ( hasBackground || hasInnerBlocks );\n\n\tconst [ isCustomColorPickerShowing, setCustomColorPickerShowing ] =\n\t\tuseState( false );\n\n\tconst openMediaOptionsRef = useRef();\n\n\t// Initialize uploading flag to false, awaiting sync.\n\tconst [ isUploadInProgress, setIsUploadInProgress ] = useState( false );\n\n\t// Initialize upload failure flag to true if url is local.\n\tconst [ didUploadFail, setDidUploadFail ] = useState(\n\t\tid && getProtocol( url ) === 'file:'\n\t);\n\n\t// Don't show failure if upload is in progress.\n\tconst shouldShowFailure = didUploadFail && ! isUploadInProgress;\n\n\tconst onSelectMedia = ( media ) => {\n\t\tsetDidUploadFail( false );\n\t\tconst onSelect = attributesFromMedia( setAttributes, dimRatio );\n\t\tonSelect( media );\n\t};\n\n\tconst onMediaPressed = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( shouldShowFailure ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isImage && url ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t};\n\n\tconst [ isVideoLoading, setIsVideoLoading ] = useState( true );\n\n\tconst onVideoLoadStart = () => {\n\t\tsetIsVideoLoading( true );\n\t};\n\n\tconst onVideoLoad = () => {\n\t\tsetIsVideoLoading( false );\n\t};\n\n\tconst onClearMedia = useCallback( () => {\n\t\tsetAttributes( {\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tcloseSettingsBottomSheet();\n\t}, [ closeSettingsBottomSheet ] );\n\n\tfunction setColor( color ) {\n\t\tconst colorValue = getColorObjectByColorValue( colorsDefault, color );\n\n\t\tsetAttributes( {\n\t\t\t// Clear all related attributes (only one should be set).\n\t\t\toverlayColor: colorValue?.slug ?? undefined,\n\t\t\tcustomOverlayColor: ( ! colorValue?.slug && color ) ?? undefined,\n\t\t\tgradient: undefined,\n\t\t\tcustomGradient: undefined,\n\t\t} );\n\t}\n\n\tfunction openColorPicker() {\n\t\tselectBlock();\n\t\tsetCustomColorPickerShowing( true );\n\t\topenGeneralSidebar();\n\t}\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst isCoverDark = useCoverIsDark(\n\t\tisDark,\n\t\turl,\n\t\tdimRatio,\n\t\toverlayColorValue?.color\n\t);\n\n\tuseEffect( () => {\n\t\t// This side-effect should not create an undo level.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t// Used to set a default color for its InnerBlocks\n\t\t// since there's no system to inherit styles yet\n\t\t// the RichText component will check if there are\n\t\t// parent styles for the current block. If there are,\n\t\t// it will use that color instead.\n\t\tsetAttributes( {\n\t\t\tisDark: isCoverDark,\n\t\t\tchildrenStyles: isCoverDark\n\t\t\t\t? styles.defaultColor\n\t\t\t\t: styles.defaultColorLightMode,\n\t\t} );\n\n\t\t// Ensure that \"is-light\" is removed from \"className\" attribute if cover background is dark.\n\t\tif ( isCoverDark && attributes.className?.includes( 'is-light' ) ) {\n\t\t\tconst className = classnames( attributes.className, {\n\t\t\t\t'is-light': false,\n\t\t\t} );\n\t\t\tsetAttributes( {\n\t\t\t\tclassName: className !== '' ? className : undefined,\n\t\t\t} );\n\t\t}\n\t}, [ isCoverDark ] );\n\n\tconst backgroundColor = getStylesFromColorScheme(\n\t\tstyles.backgroundSolid,\n\t\tstyles.backgroundSolidDark\n\t);\n\n\tconst overlayStyles = [\n\t\tstyles.overlay,\n\t\turl && { opacity: dimRatio / 100 },\n\t\t! gradientValue && {\n\t\t\tbackgroundColor:\n\t\t\t\tcustomOverlayColor ||\n\t\t\t\toverlayColorValue?.color ||\n\t\t\t\tstyle?.color?.background ||\n\t\t\t\tstyles.overlay?.color,\n\t\t},\n\t\t// While we don't support theme colors we add a default bg color.\n\t\t! overlayColorValue.color && ! url ? backgroundColor : {},\n\t\tisImage &&\n\t\t\tisParentSelected &&\n\t\t\t! isUploadInProgress &&\n\t\t\t! didUploadFail &&\n\t\t\tstyles.overlaySelected,\n\t];\n\n\tconst placeholderIconStyle = getStylesFromColorScheme(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tconst placeholderIcon = <Icon icon={ icon } { ...placeholderIconStyle } />;\n\n\tconst toolbarControls = ( open ) => (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Edit cover media' ) }\n\t\t\t\ticon={ replace }\n\t\t\t\tonClick={ open }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet to add image or video' )\n\t\t\t: __( 'Double tap to open Bottom Sheet to add image or video' );\n\n\tconst addMediaButton = () => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ openMediaOptionsRef.current }\n\t\t>\n\t\t\t<View style={ styles.selectImageContainer }>\n\t\t\t\t<View style={ styles.selectImage }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\ticon={ image }\n\t\t\t\t\t\t{ ...styles.selectImageIcon }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onBottomSheetClosed = useCallback( () => {\n\t\tInteractionManager.runAfterInteractions( () => {\n\t\t\tsetCustomColorPickerShowing( false );\n\t\t} );\n\t}, [] );\n\n\tconst selectedColorText = getStylesFromColorScheme(\n\t\tstyles.selectedColorText,\n\t\tstyles.selectedColorTextDark\n\t);\n\n\tconst bottomLabelText = customOverlayColor ? (\n\t\t<Text style={ selectedColorText }>\n\t\t\t{ customOverlayColor.toUpperCase() }\n\t\t</Text>\n\t) : (\n\t\t__( 'Select a color' )\n\t);\n\n\tconst colorPickerControls = (\n\t\t<InspectorControls>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( {\n\t\t\t\t\tshouldEnableBottomSheetScroll,\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight,\n\t\t\t\t\tonHandleClosingBottomSheet,\n\t\t\t\t\tonHandleHardwareButtonPress,\n\t\t\t\t\tisBottomSheetContentScrolling,\n\t\t\t\t} ) => (\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\tonNavigationBack={ closeSettingsBottomSheet }\n\t\t\t\t\t\tonHandleClosingBottomSheet={\n\t\t\t\t\t\t\tonHandleClosingBottomSheet\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonHandleHardwareButtonPress={\n\t\t\t\t\t\t\tonHandleHardwareButtonPress\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBottomSheetClosed={ onBottomSheetClosed }\n\t\t\t\t\t\tisBottomSheetContentScrolling={\n\t\t\t\t\t\t\tisBottomSheetContentScrolling\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbottomLabelText={ bottomLabelText }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</InspectorControls>\n\t);\n\n\tconst renderContent = ( getMediaOptions ) => (\n\t\t<>\n\t\t\t{ renderBackground( getMediaOptions ) }\n\t\t\t{ isParentSelected && hasOnlyColorBackground && addMediaButton() }\n\t\t</>\n\t);\n\n\tconst renderBackground = ( getMediaOptions ) => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isParentSelected }\n\t\t\tonPress={ onMediaPressed }\n\t\t\tdisabled={ ! isParentSelected }\n\t\t>\n\t\t\t<View style={ [ styles.background, backgroundColor ] }>\n\t\t\t\t{ getMediaOptions() }\n\t\t\t\t{ isParentSelected &&\n\t\t\t\t\tbackgroundType === VIDEO_BACKGROUND_TYPE &&\n\t\t\t\t\ttoolbarControls( openMediaOptionsRef.current ) }\n\t\t\t\t<MediaUploadProgress\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tonUpdateMediaProgress={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithSuccess={ ( {\n\t\t\t\t\t\tmediaServerId,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tid: mediaServerId,\n\t\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t\t\tbackgroundType,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithFailure={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonMediaUploadStateReset={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( { id: undefined, url: undefined } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\n\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<View style={ styles.imageContainer }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\tfocalPoint={\n\t\t\t\t\t\t\t\tfocalPoint || IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisSelected={ isParentSelected }\n\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<Video\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\trepeat\n\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\tonLoadStart={ onVideoLoadStart }\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.background,\n\t\t\t\t\t\t\t// Hide Video component since it has black background while loading the source.\n\t\t\t\t\t\t\t{ opacity: isVideoLoading ? 0 : 1 },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tif (\n\t\t( ! hasBackground && ! hasInnerBlocks ) ||\n\t\tisCustomColorPickerShowing\n\t) {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{ isCustomColorPickerShowing && colorPickerControls }\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\theight={\n\t\t\t\t\t\tstyles.mediaPlaceholderEmptyStateContainer?.height\n\t\t\t\t\t}\n\t\t\t\t\tbackgroundColor={ customOverlayColor }\n\t\t\t\t\thideContent={\n\t\t\t\t\t\tcustomOverlayColor !== '' &&\n\t\t\t\t\t\tcustomOverlayColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\ticon={ placeholderIcon }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ styles.colorPaletteWrapper }\n\t\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\t\tisScreenReaderEnabled ? 'none' : 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t{ ( { shouldEnableBottomSheetScroll } ) => (\n\t\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteColorIndicator\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcustomIndicatorWrapperStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteCustomIndicatorWrapper\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\t\t\tonCustomPress={ openColorPicker }\n\t\t\t\t\t\t\t\t\tdefaultSettings={ coverDefaultPalette }\n\t\t\t\t\t\t\t\t\tshouldShowCustomLabel={ false }\n\t\t\t\t\t\t\t\t\tshouldShowCustomVerticalSeparator={ false }\n\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t</View>\n\t\t\t\t</MediaPlaceholder>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ styles.backgroundContainer }>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tdidUploadFail={ didUploadFail }\n\t\t\t\t\t\thasOnlyColorBackground={ hasOnlyColorBackground }\n\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\tonClearMedia={ onClearMedia }\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\n\t\t\t<View\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ [ styles.content, { minHeight: convertedMinHeight } ] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\tallowedBlocks={ allowedBlocks }\n\t\t\t\t\ttemplate={ INNER_BLOCKS_TEMPLATE }\n\t\t\t\t\ttemplateLock={ templateLock }\n\t\t\t\t\ttemplateInsertUpdatesSelection\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View pointerEvents=\"none\" style={ styles.overlayContainer }>\n\t\t\t\t<View style={ overlayStyles }>\n\t\t\t\t\t{ gradientValue && (\n\t\t\t\t\t\t<Gradient\n\t\t\t\t\t\t\tgradientValue={ gradientValue }\n\t\t\t\t\t\t\tstyle={ styles.background }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</View>\n\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\topenMediaOptionsRef.current = open;\n\t\t\t\t\treturn renderContent( getMediaOptions );\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t{ isImage &&\n\t\t\t\turl &&\n\t\t\t\topenMediaOptionsRef.current &&\n\t\t\t\tisParentSelected &&\n\t\t\t\t! isUploadInProgress &&\n\t\t\t\t! didUploadFail && (\n\t\t\t\t\t<View style={ styles.imageEditButton }>\n\t\t\t\t\t\t<ImageEditingButton\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\tpickerOptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t{ shouldShowFailure && (\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ styles.uploadFailedContainer }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.uploadFailed }>\n\t\t\t\t\t\t<Icon icon={ warning } { ...styles.uploadFailedIcon } />\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\tconst hasInnerBlocks = getBlock( clientId )?.innerBlocks.length > 0;\n\n\t\treturn {\n\t\t\tisParentSelected: selectedBlockClientId === clientId,\n\t\t\thasInnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { openGeneralSidebar } = dispatch( editPostStore );\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( editPostStore ).closeGeneralSidebar();\n\t\t\t},\n\t\t\tselectBlock: () => selectBlock( clientId ),\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( Cover );\n"],"mappings":"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"}
+{"version":3,"names":["View","TouchableWithoutFeedback","InteractionManager","AccessibilityInfo","Text","Platform","Video","classnames","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","mediaUploadSync","__","Icon","Image","ImageEditingButton","IMAGE_DEFAULT_FOCAL_POINT","ToolbarButton","Gradient","ColorPalette","ColorPicker","BottomSheetConsumer","useConvertUnitToMobile","useMobileGlobalStylesColors","BlockControls","InnerBlocks","InspectorControls","MEDIA_TYPE_IMAGE","MediaPlaceholder","MediaUpload","MediaUploadProgress","getColorObjectByColorValue","getColorObjectByAttributeValues","getGradientValueBySlug","store","blockEditorStore","compose","withPreferredColorScheme","useDispatch","withSelect","withDispatch","useEffect","useState","useRef","useCallback","useMemo","cover","icon","replace","image","warning","getProtocol","editPostStore","styles","attributesFromMedia","ALLOWED_MEDIA_TYPES","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","COVER_DEFAULT_HEIGHT","Controls","useCoverIsDark","INNER_BLOCKS_TEMPLATE","align","placeholder","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","mounted","changeListener","addEventListener","enabled","then","screenReaderEnabled","remove","Cover","attributes","getStylesFromColorScheme","isParentSelected","onFocus","setAttributes","openGeneralSidebar","closeSettingsBottomSheet","isSelected","selectBlock","blockWidth","hasInnerBlocks","backgroundType","dimRatio","focalPoint","minHeight","url","id","style","customOverlayColor","minHeightUnit","allowedBlocks","templateLock","customGradient","gradient","overlayColor","isDark","convertedMinHeight","isImage","THEME_COLORS_COUNT","colorsDefault","coverDefaultPalette","colors","slice","gradients","gradientValue","overlayColorValue","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","shouldShowFailure","onSelectMedia","media","mediaAttributes","undefined","useFeaturedImage","onMediaPressed","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","hasParallax","setColor","_colorValue$slug","_ref","colorValue","slug","openColorPicker","__unstableMarkNextChangeAsNotPersistent","isCoverDark","childrenStyles","defaultColor","defaultColorLightMode","className","includes","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","overlay","opacity","overlaySelected","placeholderIconStyle","iconDark","placeholderIcon","createElement","toolbarControls","open","group","title","onClick","accessibilityHint","OS","addMediaButton","accessibilityLabel","accessibilityRole","onPress","current","selectImageContainer","selectImage","size","selectImageIcon","onBottomSheetClosed","runAfterInteractions","selectedColorText","selectedColorTextDark","bottomLabelText","toUpperCase","colorPickerControls","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","onNavigationBack","renderContent","getMediaOptions","Fragment","renderBackground","accessible","disabled","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","mediaServerId","mediaUrl","onFinishMediaUploadWithFailure","onMediaUploadStateReset","imageContainer","editButton","isUploadFailed","onSelectMediaUploadOption","openMediaOptions","width","muted","disableFocus","repeat","resizeMode","source","uri","onLoad","onLoadStart","height","mediaPlaceholderEmptyStateContainer","hideContent","labels","onSelect","allowedTypes","colorPaletteWrapper","pointerEvents","customColorIndicatorStyles","paletteColorIndicator","customIndicatorWrapperStyles","paletteCustomIndicatorWrapper","onCustomPress","defaultSettings","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","backgroundContainer","content","template","templateInsertUpdatesSelection","overlayContainer","isReplacingMedia","render","imageEditButton","pickerOptions","destructiveButton","label","separated","value","uploadFailedContainer","uploadFailed","uploadFailedIcon","select","clientId","getSelectedBlockClientId","getBlock","selectedBlockClientId","innerBlocks","length","dispatch","closeGeneralSidebar"],"sources":["@wordpress/block-library/src/cover/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tInteractionManager,\n\tAccessibilityInfo,\n\tText,\n\tPlatform,\n} from 'react-native';\nimport Video from 'react-native-video';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n\tmediaUploadSync,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tImage,\n\tImageEditingButton,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tToolbarButton,\n\tGradient,\n\tColorPalette,\n\tColorPicker,\n\tBottomSheetConsumer,\n\tuseConvertUnitToMobile,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInnerBlocks,\n\tInspectorControls,\n\tMEDIA_TYPE_IMAGE,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { cover as icon, replace, image, warning } from '@wordpress/icons';\nimport { getProtocol } from '@wordpress/url';\n// eslint-disable-next-line no-restricted-imports\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tattributesFromMedia,\n\tALLOWED_MEDIA_TYPES,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tCOVER_DEFAULT_HEIGHT,\n} from './shared';\nimport Controls from './controls';\nimport useCoverIsDark from './use-cover-is-dark';\n\n/**\n * Constants\n */\nconst INNER_BLOCKS_TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\talign: 'center',\n\t\t\tplaceholder: __( 'Write title…' ),\n\t\t},\n\t],\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nconst Cover = ( {\n\tattributes,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tonFocus,\n\tsetAttributes,\n\topenGeneralSidebar,\n\tcloseSettingsBottomSheet,\n\tisSelected,\n\tselectBlock,\n\tblockWidth,\n\thasInnerBlocks,\n} ) => {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\turl,\n\t\tid,\n\t\tstyle,\n\t\tcustomOverlayColor,\n\t\tminHeightUnit = 'px',\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\tcustomGradient,\n\t\tgradient,\n\t\toverlayColor,\n\t\tisDark,\n\t} = attributes;\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tuseEffect( () => {\n\t\t// Sync with local media store.\n\t\tmediaUploadSync();\n\t}, [] );\n\n\tconst convertedMinHeight = useConvertUnitToMobile(\n\t\tminHeight || COVER_DEFAULT_HEIGHT,\n\t\tminHeightUnit\n\t);\n\n\tconst isImage = backgroundType === MEDIA_TYPE_IMAGE;\n\n\tconst THEME_COLORS_COUNT = 4;\n\tconst colorsDefault = useMobileGlobalStylesColors();\n\tconst coverDefaultPalette = useMemo( () => {\n\t\treturn {\n\t\t\tcolors: colorsDefault.slice( 0, THEME_COLORS_COUNT ),\n\t\t};\n\t}, [ colorsDefault ] );\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\tconst overlayColorValue = getColorObjectByAttributeValues(\n\t\tcolorsDefault,\n\t\toverlayColor\n\t);\n\n\tconst hasBackground = !! (\n\t\turl ||\n\t\t( style && style.color && style.color.background ) ||\n\t\tattributes.overlayColor ||\n\t\toverlayColorValue.color ||\n\t\tcustomOverlayColor ||\n\t\tgradientValue\n\t);\n\n\tconst hasOnlyColorBackground = ! url && ( hasBackground || hasInnerBlocks );\n\n\tconst [ isCustomColorPickerShowing, setCustomColorPickerShowing ] =\n\t\tuseState( false );\n\n\tconst openMediaOptionsRef = useRef();\n\n\t// Initialize uploading flag to false, awaiting sync.\n\tconst [ isUploadInProgress, setIsUploadInProgress ] = useState( false );\n\n\t// Initialize upload failure flag to true if url is local.\n\tconst [ didUploadFail, setDidUploadFail ] = useState(\n\t\tid && getProtocol( url ) === 'file:'\n\t);\n\n\t// Don't show failure if upload is in progress.\n\tconst shouldShowFailure = didUploadFail && ! isUploadInProgress;\n\n\tconst onSelectMedia = ( media ) => {\n\t\tsetDidUploadFail( false );\n\n\t\tconst mediaAttributes = attributesFromMedia( media );\n\t\tsetAttributes( {\n\t\t\t...mediaAttributes,\n\t\t\tfocalPoint: undefined,\n\t\t\tuseFeaturedImage: undefined,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tisDark: undefined,\n\t\t} );\n\t};\n\n\tconst onMediaPressed = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( shouldShowFailure ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isImage && url ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t};\n\n\tconst [ isVideoLoading, setIsVideoLoading ] = useState( true );\n\n\tconst onVideoLoadStart = () => {\n\t\tsetIsVideoLoading( true );\n\t};\n\n\tconst onVideoLoad = () => {\n\t\tsetIsVideoLoading( false );\n\t};\n\n\tconst onClearMedia = useCallback( () => {\n\t\tsetAttributes( {\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tcloseSettingsBottomSheet();\n\t}, [ closeSettingsBottomSheet ] );\n\n\tfunction setColor( color ) {\n\t\tconst colorValue = getColorObjectByColorValue( colorsDefault, color );\n\n\t\tsetAttributes( {\n\t\t\t// Clear all related attributes (only one should be set).\n\t\t\toverlayColor: colorValue?.slug ?? undefined,\n\t\t\tcustomOverlayColor: ( ! colorValue?.slug && color ) ?? undefined,\n\t\t\tgradient: undefined,\n\t\t\tcustomGradient: undefined,\n\t\t} );\n\t}\n\n\tfunction openColorPicker() {\n\t\tselectBlock();\n\t\tsetCustomColorPickerShowing( true );\n\t\topenGeneralSidebar();\n\t}\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst isCoverDark = useCoverIsDark(\n\t\tisDark,\n\t\turl,\n\t\tdimRatio,\n\t\toverlayColorValue?.color\n\t);\n\n\tuseEffect( () => {\n\t\t// This side-effect should not create an undo level.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t// Used to set a default color for its InnerBlocks\n\t\t// since there's no system to inherit styles yet\n\t\t// the RichText component will check if there are\n\t\t// parent styles for the current block. If there are,\n\t\t// it will use that color instead.\n\t\tsetAttributes( {\n\t\t\tisDark: isCoverDark,\n\t\t\tchildrenStyles: isCoverDark\n\t\t\t\t? styles.defaultColor\n\t\t\t\t: styles.defaultColorLightMode,\n\t\t} );\n\n\t\t// Ensure that \"is-light\" is removed from \"className\" attribute if cover background is dark.\n\t\tif ( isCoverDark && attributes.className?.includes( 'is-light' ) ) {\n\t\t\tconst className = classnames( attributes.className, {\n\t\t\t\t'is-light': false,\n\t\t\t} );\n\t\t\tsetAttributes( {\n\t\t\t\tclassName: className !== '' ? className : undefined,\n\t\t\t} );\n\t\t}\n\t}, [ isCoverDark ] );\n\n\tconst backgroundColor = getStylesFromColorScheme(\n\t\tstyles.backgroundSolid,\n\t\tstyles.backgroundSolidDark\n\t);\n\n\tconst overlayStyles = [\n\t\tstyles.overlay,\n\t\turl && { opacity: dimRatio / 100 },\n\t\t! gradientValue && {\n\t\t\tbackgroundColor:\n\t\t\t\tcustomOverlayColor ||\n\t\t\t\toverlayColorValue?.color ||\n\t\t\t\tstyle?.color?.background ||\n\t\t\t\tstyles.overlay?.color,\n\t\t},\n\t\t// While we don't support theme colors we add a default bg color.\n\t\t! overlayColorValue.color && ! url ? backgroundColor : {},\n\t\tisImage &&\n\t\t\tisParentSelected &&\n\t\t\t! isUploadInProgress &&\n\t\t\t! didUploadFail &&\n\t\t\tstyles.overlaySelected,\n\t];\n\n\tconst placeholderIconStyle = getStylesFromColorScheme(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tconst placeholderIcon = <Icon icon={ icon } { ...placeholderIconStyle } />;\n\n\tconst toolbarControls = ( open ) => (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Edit cover media' ) }\n\t\t\t\ticon={ replace }\n\t\t\t\tonClick={ open }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet to add image or video' )\n\t\t\t: __( 'Double tap to open Bottom Sheet to add image or video' );\n\n\tconst addMediaButton = () => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ openMediaOptionsRef.current }\n\t\t>\n\t\t\t<View style={ styles.selectImageContainer }>\n\t\t\t\t<View style={ styles.selectImage }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\ticon={ image }\n\t\t\t\t\t\t{ ...styles.selectImageIcon }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onBottomSheetClosed = useCallback( () => {\n\t\tInteractionManager.runAfterInteractions( () => {\n\t\t\tsetCustomColorPickerShowing( false );\n\t\t} );\n\t}, [] );\n\n\tconst selectedColorText = getStylesFromColorScheme(\n\t\tstyles.selectedColorText,\n\t\tstyles.selectedColorTextDark\n\t);\n\n\tconst bottomLabelText = customOverlayColor ? (\n\t\t<Text style={ selectedColorText }>\n\t\t\t{ customOverlayColor.toUpperCase() }\n\t\t</Text>\n\t) : (\n\t\t__( 'Select a color' )\n\t);\n\n\tconst colorPickerControls = (\n\t\t<InspectorControls>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( {\n\t\t\t\t\tshouldEnableBottomSheetScroll,\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight,\n\t\t\t\t\tonHandleClosingBottomSheet,\n\t\t\t\t\tonHandleHardwareButtonPress,\n\t\t\t\t\tisBottomSheetContentScrolling,\n\t\t\t\t} ) => (\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\tonNavigationBack={ closeSettingsBottomSheet }\n\t\t\t\t\t\tonHandleClosingBottomSheet={\n\t\t\t\t\t\t\tonHandleClosingBottomSheet\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonHandleHardwareButtonPress={\n\t\t\t\t\t\t\tonHandleHardwareButtonPress\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBottomSheetClosed={ onBottomSheetClosed }\n\t\t\t\t\t\tisBottomSheetContentScrolling={\n\t\t\t\t\t\t\tisBottomSheetContentScrolling\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbottomLabelText={ bottomLabelText }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</InspectorControls>\n\t);\n\n\tconst renderContent = ( getMediaOptions ) => (\n\t\t<>\n\t\t\t{ renderBackground( getMediaOptions ) }\n\t\t\t{ isParentSelected && hasOnlyColorBackground && addMediaButton() }\n\t\t</>\n\t);\n\n\tconst renderBackground = ( getMediaOptions ) => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isParentSelected }\n\t\t\tonPress={ onMediaPressed }\n\t\t\tdisabled={ ! isParentSelected }\n\t\t>\n\t\t\t<View style={ [ styles.background, backgroundColor ] }>\n\t\t\t\t{ getMediaOptions() }\n\t\t\t\t{ isParentSelected &&\n\t\t\t\t\tbackgroundType === VIDEO_BACKGROUND_TYPE &&\n\t\t\t\t\ttoolbarControls( openMediaOptionsRef.current ) }\n\t\t\t\t<MediaUploadProgress\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tonUpdateMediaProgress={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithSuccess={ ( {\n\t\t\t\t\t\tmediaServerId,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tid: mediaServerId,\n\t\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t\t\tbackgroundType,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithFailure={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonMediaUploadStateReset={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( { id: undefined, url: undefined } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\n\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<View style={ styles.imageContainer }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\tfocalPoint={\n\t\t\t\t\t\t\t\tfocalPoint || IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisSelected={ isParentSelected }\n\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<Video\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\trepeat\n\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\tonLoadStart={ onVideoLoadStart }\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.background,\n\t\t\t\t\t\t\t// Hide Video component since it has black background while loading the source.\n\t\t\t\t\t\t\t{ opacity: isVideoLoading ? 0 : 1 },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tif (\n\t\t( ! hasBackground && ! hasInnerBlocks ) ||\n\t\tisCustomColorPickerShowing\n\t) {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{ isCustomColorPickerShowing && colorPickerControls }\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\theight={\n\t\t\t\t\t\tstyles.mediaPlaceholderEmptyStateContainer?.height\n\t\t\t\t\t}\n\t\t\t\t\tbackgroundColor={ customOverlayColor }\n\t\t\t\t\thideContent={\n\t\t\t\t\t\tcustomOverlayColor !== '' &&\n\t\t\t\t\t\tcustomOverlayColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\ticon={ placeholderIcon }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ styles.colorPaletteWrapper }\n\t\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\t\tisScreenReaderEnabled ? 'none' : 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t{ ( { shouldEnableBottomSheetScroll } ) => (\n\t\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteColorIndicator\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcustomIndicatorWrapperStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteCustomIndicatorWrapper\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\t\t\tonCustomPress={ openColorPicker }\n\t\t\t\t\t\t\t\t\tdefaultSettings={ coverDefaultPalette }\n\t\t\t\t\t\t\t\t\tshouldShowCustomLabel={ false }\n\t\t\t\t\t\t\t\t\tshouldShowCustomVerticalSeparator={ false }\n\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t</View>\n\t\t\t\t</MediaPlaceholder>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ styles.backgroundContainer }>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tdidUploadFail={ didUploadFail }\n\t\t\t\t\t\thasOnlyColorBackground={ hasOnlyColorBackground }\n\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\tonClearMedia={ onClearMedia }\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\n\t\t\t<View\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ [ styles.content, { minHeight: convertedMinHeight } ] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\tallowedBlocks={ allowedBlocks }\n\t\t\t\t\ttemplate={ INNER_BLOCKS_TEMPLATE }\n\t\t\t\t\ttemplateLock={ templateLock }\n\t\t\t\t\ttemplateInsertUpdatesSelection\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View pointerEvents=\"none\" style={ styles.overlayContainer }>\n\t\t\t\t<View style={ overlayStyles }>\n\t\t\t\t\t{ gradientValue && (\n\t\t\t\t\t\t<Gradient\n\t\t\t\t\t\t\tgradientValue={ gradientValue }\n\t\t\t\t\t\t\tstyle={ styles.background }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</View>\n\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\topenMediaOptionsRef.current = open;\n\t\t\t\t\treturn renderContent( getMediaOptions );\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t{ isImage &&\n\t\t\t\turl &&\n\t\t\t\topenMediaOptionsRef.current &&\n\t\t\t\tisParentSelected &&\n\t\t\t\t! isUploadInProgress &&\n\t\t\t\t! didUploadFail && (\n\t\t\t\t\t<View style={ styles.imageEditButton }>\n\t\t\t\t\t\t<ImageEditingButton\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\tpickerOptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t{ shouldShowFailure && (\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ styles.uploadFailedContainer }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.uploadFailed }>\n\t\t\t\t\t\t<Icon icon={ warning } { ...styles.uploadFailedIcon } />\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\tconst hasInnerBlocks = getBlock( clientId )?.innerBlocks.length > 0;\n\n\t\treturn {\n\t\t\tisParentSelected: selectedBlockClientId === clientId,\n\t\t\thasInnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { openGeneralSidebar } = dispatch( editPostStore );\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( editPostStore ).closeGeneralSidebar();\n\t\t\t},\n\t\t\tselectBlock: () => selectBlock( clientId ),\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( Cover );\n"],"mappings":"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"}

package/build-module/cover/focal-point-settings-button.native.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/cover/index.js

@@ -54,6 +54,9 @@ const metadata = {
     customOverlayColor: {
       type: "string"
     },
+    isUserOverlayColor: {
+      type: "boolean"
+    },
     backgroundType: {
       type: "string",
       "default": "image"