@wordpress/block-library 8.25.0 → 8.25.1-next.79a6196f.0

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_dedupe","_reactNativeBridge","_i18n","_components","_blockEditor","_compose","_data","_element","_icons","_url","_editPost","_style","_shared","_controls","_useCoverIsDark","INNER_BLOCKS_TEMPLATE","align","placeholder","__","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","useState","useEffect","mounted","changeListener","AccessibilityInfo","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","mediaUploadSync","convertedMinHeight","useConvertUnitToMobile","COVER_DEFAULT_HEIGHT","isImage","MEDIA_TYPE_IMAGE","THEME_COLORS_COUNT","colorsDefault","useMobileGlobalStylesColors","coverDefaultPalette","useMemo","colors","slice","gradients","gradientValue","getGradientValueBySlug","overlayColorValue","getColorObjectByAttributeValues","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","useRef","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","getProtocol","shouldShowFailure","onSelectMedia","media","mediaAttributes","attributesFromMedia","undefined","useFeaturedImage","onMediaPressed","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","useCallback","hasParallax","setColor","_colorValue$slug","_ref","colorValue","getColorObjectByColorValue","slug","openColorPicker","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","isCoverDark","useCoverIsDark","childrenStyles","styles","defaultColor","defaultColorLightMode","className","includes","classnames","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","overlay","opacity","overlaySelected","placeholderIconStyle","icon","iconDark","placeholderIcon","_react","createElement","Icon","toolbarControls","open","BlockControls","group","ToolbarButton","title","replace","onClick","accessibilityHint","Platform","OS","addMediaButton","TouchableWithoutFeedback","accessibilityLabel","accessibilityRole","onPress","current","View","selectImageContainer","selectImage","size","image","selectImageIcon","onBottomSheetClosed","InteractionManager","runAfterInteractions","selectedColorText","selectedColorTextDark","bottomLabelText","Text","toUpperCase","colorPickerControls","InspectorControls","BottomSheetConsumer","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","ColorPicker","onNavigationBack","renderContent","getMediaOptions","Fragment","renderBackground","accessible","disabled","VIDEO_BACKGROUND_TYPE","MediaUploadProgress","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","mediaServerId","mediaUrl","onFinishMediaUploadWithFailure","onMediaUploadStateReset","IMAGE_BACKGROUND_TYPE","imageContainer","Image","editButton","IMAGE_DEFAULT_FOCAL_POINT","isUploadFailed","onSelectMediaUploadOption","openMediaOptions","width","default","muted","disableFocus","repeat","resizeMode","source","uri","onLoad","onLoadStart","MediaPlaceholder","height","mediaPlaceholderEmptyStateContainer","hideContent","labels","onSelect","allowedTypes","ALLOWED_MEDIA_TYPES","colorPaletteWrapper","pointerEvents","ColorPalette","customColorIndicatorStyles","paletteColorIndicator","customIndicatorWrapperStyles","paletteCustomIndicatorWrapper","onCustomPress","defaultSettings","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","backgroundContainer","content","InnerBlocks","template","templateInsertUpdatesSelection","overlayContainer","Gradient","MediaUpload","isReplacingMedia","render","imageEditButton","ImageEditingButton","pickerOptions","destructiveButton","label","separated","value","uploadFailedContainer","uploadFailed","warning","uploadFailedIcon","_default","compose","withSelect","select","clientId","getSelectedBlockClientId","getBlock","selectedBlockClientId","innerBlocks","length","withDispatch","dispatch","editPostStore","closeGeneralSidebar","withPreferredColorScheme","exports"],"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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AAKA,IAAAI,kBAAA,GAAAJ,OAAA;AAMA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAaA,IAAAO,YAAA,GAAAP,OAAA;AAaA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAOA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,IAAA,GAAAZ,OAAA;AAEA,IAAAa,SAAA,GAAAb,OAAA;AAKA,IAAAc,MAAA,GAAAZ,sBAAA,CAAAF,OAAA;AACA,IAAAe,OAAA,GAAAf,OAAA;AAOA,IAAAgB,SAAA,GAAAd,sBAAA,CAAAF,OAAA;AACA,IAAAiB,eAAA,GAAAf,sBAAA,CAAAF,OAAA;AA5EA;AACA;AACA;;AAYA;AACA;AACA;;AA6CA;;AAGA;AACA;AACA;;AAYA;AACA;AACA;AACA,MAAMkB,qBAAqB,GAAG,CAC7B,CACC,gBAAgB,EAChB;EACCC,KAAK,EAAE,QAAQ;EACfC,WAAW,EAAE,IAAAC,QAAE,EAAE,cAAe;AACjC,CAAC,CACD,CACD;AAED,SAASC,wBAAwBA,CAAA,EAAG;EACnC,MAAM,CAAEC,qBAAqB,EAAEC,wBAAwB,CAAE,GACxD,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAElB,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAIC,OAAO,GAAG,IAAI;IAElB,MAAMC,cAAc,GAAGC,8BAAiB,CAACC,gBAAgB,CACxD,qBAAqB,EACnBC,OAAO,IAAMP,wBAAwB,CAAEO,OAAQ,CAClD,CAAC;IAEDF,8BAAiB,CAACN,qBAAqB,CAAC,CAAC,CAACS,IAAI,CAC3CC,mBAAmB,IAAM;MAC1B,IAAKN,OAAO,IAAIM,mBAAmB,EAAG;QACrCT,wBAAwB,CAAES,mBAAoB,CAAC;MAChD;IACD,CACD,CAAC;IAED,OAAO,MAAM;MACZN,OAAO,GAAG,KAAK;MAEfC,cAAc,CAACM,MAAM,CAAC,CAAC;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OAAOX,qBAAqB;AAC7B;AAEA,MAAMY,KAAK,GAAGA,CAAE;EACfC,UAAU;EACVC,wBAAwB;EACxBC,gBAAgB;EAChBC,OAAO;EACPC,aAAa;EACbC,kBAAkB;EAClBC,wBAAwB;EACxBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC;AACD,CAAC,KAAM;EACN,MAAM;IACLC,cAAc;IACdC,QAAQ;IACRC,UAAU;IACVC,SAAS;IACTC,GAAG;IACHC,EAAE;IACFC,KAAK;IACLC,kBAAkB;IAClBC,aAAa,GAAG,IAAI;IACpBC,aAAa;IACbC,YAAY;IACZC,cAAc;IACdC,QAAQ;IACRC,YAAY;IACZC;EACD,CAAC,GAAGzB,UAAU;EACd,MAAMb,qBAAqB,GAAGD,wBAAwB,CAAC,CAAC;EAExD,IAAAI,kBAAS,EAAE,MAAM;IAChB;IACA,IAAAoC,kCAAe,EAAC,CAAC;EAClB,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,kBAAkB,GAAG,IAAAC,kCAAsB,EAChDd,SAAS,IAAIe,4BAAoB,EACjCV,aACD,CAAC;EAED,MAAMW,OAAO,GAAGnB,cAAc,KAAKoB,6BAAgB;EAEnD,MAAMC,kBAAkB,GAAG,CAAC;EAC5B,MAAMC,aAAa,GAAG,IAAAC,uCAA2B,EAAC,CAAC;EACnD,MAAMC,mBAAmB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC1C,OAAO;MACNC,MAAM,EAAEJ,aAAa,CAACK,KAAK,CAAE,CAAC,EAAEN,kBAAmB;IACpD,CAAC;EACF,CAAC,EAAE,CAAEC,aAAa,CAAG,CAAC;EACtB,MAAMM,SAAS,GAAG,IAAAL,uCAA2B,EAAE,WAAY,CAAC;EAC5D,MAAMM,aAAa,GAClBlB,cAAc,IAAI,IAAAmB,mCAAsB,EAAEF,SAAS,EAAEhB,QAAS,CAAC;EAChE,MAAMmB,iBAAiB,GAAG,IAAAC,4CAA+B,EACxDV,aAAa,EACbT,YACD,CAAC;EAED,MAAMoB,aAAa,GAAG,CAAC,EACtB7B,GAAG,IACDE,KAAK,IAAIA,KAAK,CAAC4B,KAAK,IAAI5B,KAAK,CAAC4B,KAAK,CAACC,UAAY,IAClD9C,UAAU,CAACwB,YAAY,IACvBkB,iBAAiB,CAACG,KAAK,IACvB3B,kBAAkB,IAClBsB,aAAa,CACb;EAED,MAAMO,sBAAsB,GAAG,CAAEhC,GAAG,KAAM6B,aAAa,IAAIlC,cAAc,CAAE;EAE3E,MAAM,CAAEsC,0BAA0B,EAAEC,2BAA2B,CAAE,GAChE,IAAA5D,iBAAQ,EAAE,KAAM,CAAC;EAElB,MAAM6D,mBAAmB,GAAG,IAAAC,eAAM,EAAC,CAAC;;EAEpC;EACA,MAAM,CAAEC,kBAAkB,EAAEC,qBAAqB,CAAE,GAAG,IAAAhE,iBAAQ,EAAE,KAAM,CAAC;;EAEvE;EACA,MAAM,CAAEiE,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAlE,iBAAQ,EACnD2B,EAAE,IAAI,IAAAwC,gBAAW,EAAEzC,GAAI,CAAC,KAAK,OAC9B,CAAC;;EAED;EACA,MAAM0C,iBAAiB,GAAGH,aAAa,IAAI,CAAEF,kBAAkB;EAE/D,MAAMM,aAAa,GAAKC,KAAK,IAAM;IAClCJ,gBAAgB,CAAE,KAAM,CAAC;IAEzB,MAAMK,eAAe,GAAG,IAAAC,2BAAmB,EAAEF,KAAM,CAAC;IACpDvD,aAAa,CAAE;MACd,GAAGwD,eAAe;MAClB/C,UAAU,EAAEiD,SAAS;MACrBC,gBAAgB,EAAED,SAAS;MAC3BlD,QAAQ,EAAEA,QAAQ,KAAK,GAAG,GAAG,EAAE,GAAGA,QAAQ;MAC1Ca,MAAM,EAAEqC;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAME,cAAc,GAAGA,CAAA,KAAM;IAC5B,IAAKZ,kBAAkB,EAAG;MACzB,IAAAa,iDAA8B,EAAEjD,EAAG,CAAC;IACrC,CAAC,MAAM,IAAKyC,iBAAiB,EAAG;MAC/B,IAAAS,gDAA6B,EAAElD,EAAG,CAAC;IACpC,CAAC,MAAM,IAAKc,OAAO,IAAIf,GAAG,EAAG;MAC5B,IAAAoD,gDAA6B,EAAEpD,GAAI,CAAC;IACrC;EACD,CAAC;EAED,MAAM,CAAEqD,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAAhF,iBAAQ,EAAE,IAAK,CAAC;EAE9D,MAAMiF,gBAAgB,GAAGA,CAAA,KAAM;IAC9BD,iBAAiB,CAAE,IAAK,CAAC;EAC1B,CAAC;EAED,MAAME,WAAW,GAAGA,CAAA,KAAM;IACzBF,iBAAiB,CAAE,KAAM,CAAC;EAC3B,CAAC;EAED,MAAMG,YAAY,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACvCrE,aAAa,CAAE;MACdS,UAAU,EAAEiD,SAAS;MACrBY,WAAW,EAAEZ,SAAS;MACtB9C,EAAE,EAAE8C,SAAS;MACb/C,GAAG,EAAE+C;IACN,CAAE,CAAC;IACHxD,wBAAwB,CAAC,CAAC;EAC3B,CAAC,EAAE,CAAEA,wBAAwB,CAAG,CAAC;EAEjC,SAASqE,QAAQA,CAAE9B,KAAK,EAAG;IAAA,IAAA+B,gBAAA,EAAAC,IAAA;IAC1B,MAAMC,UAAU,GAAG,IAAAC,uCAA0B,EAAE9C,aAAa,EAAEY,KAAM,CAAC;IAErEzC,aAAa,CAAE;MACd;MACAoB,YAAY,GAAAoD,gBAAA,GAAEE,UAAU,EAAEE,IAAI,cAAAJ,gBAAA,cAAAA,gBAAA,GAAId,SAAS;MAC3C5C,kBAAkB,GAAA2D,IAAA,GAAI,CAAEC,UAAU,EAAEE,IAAI,IAAInC,KAAK,cAAAgC,IAAA,cAAAA,IAAA,GAAMf,SAAS;MAChEvC,QAAQ,EAAEuC,SAAS;MACnBxC,cAAc,EAAEwC;IACjB,CAAE,CAAC;EACJ;EAEA,SAASmB,eAAeA,CAAA,EAAG;IAC1BzE,WAAW,CAAC,CAAC;IACbyC,2BAA2B,CAAE,IAAK,CAAC;IACnC5C,kBAAkB,CAAC,CAAC;EACrB;EAEA,MAAM;IAAE6E;EAAwC,CAAC,GAChD,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAChC,MAAMC,WAAW,GAAG,IAAAC,uBAAc,EACjC7D,MAAM,EACNV,GAAG,EACHH,QAAQ,EACR8B,iBAAiB,EAAEG,KACpB,CAAC;EAED,IAAAvD,kBAAS,EAAE,MAAM;IAChB;IACA4F,uCAAuC,CAAC,CAAC;IACzC;IACA;IACA;IACA;IACA;IACA9E,aAAa,CAAE;MACdqB,MAAM,EAAE4D,WAAW;MACnBE,cAAc,EAAEF,WAAW,GACxBG,cAAM,CAACC,YAAY,GACnBD,cAAM,CAACE;IACX,CAAE,CAAC;;IAEH;IACA,IAAKL,WAAW,IAAIrF,UAAU,CAAC2F,SAAS,EAAEC,QAAQ,CAAE,UAAW,CAAC,EAAG;MAClE,MAAMD,SAAS,GAAG,IAAAE,eAAU,EAAE7F,UAAU,CAAC2F,SAAS,EAAE;QACnD,UAAU,EAAE;MACb,CAAE,CAAC;MACHvF,aAAa,CAAE;QACduF,SAAS,EAAEA,SAAS,KAAK,EAAE,GAAGA,SAAS,GAAG7B;MAC3C,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAEuB,WAAW,CAAG,CAAC;EAEpB,MAAMS,eAAe,GAAG7F,wBAAwB,CAC/CuF,cAAM,CAACO,eAAe,EACtBP,cAAM,CAACQ,mBACR,CAAC;EAED,MAAMC,aAAa,GAAG,CACrBT,cAAM,CAACU,OAAO,EACdnF,GAAG,IAAI;IAAEoF,OAAO,EAAEvF,QAAQ,GAAG;EAAI,CAAC,EAClC,CAAE4B,aAAa,IAAI;IAClBsD,eAAe,EACd5E,kBAAkB,IAClBwB,iBAAiB,EAAEG,KAAK,IACxB5B,KAAK,EAAE4B,KAAK,EAAEC,UAAU,IACxB0C,cAAM,CAACU,OAAO,EAAErD;EAClB,CAAC;EACD;EACA,CAAEH,iBAAiB,CAACG,KAAK,IAAI,CAAE9B,GAAG,GAAG+E,eAAe,GAAG,CAAC,CAAC,EACzDhE,OAAO,IACN5B,gBAAgB,IAChB,CAAEkD,kBAAkB,IACpB,CAAEE,aAAa,IACfkC,cAAM,CAACY,eAAe,CACvB;EAED,MAAMC,oBAAoB,GAAGpG,wBAAwB,CACpDuF,cAAM,CAACc,IAAI,EACXd,cAAM,CAACe,QACR,CAAC;EAED,MAAMC,eAAe,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAAyI,IAAI;IAACL,IAAI,EAAGA,YAAM;IAAA,GAAMD;EAAoB,CAAI,CAAC;EAE1E,MAAMO,eAAe,GAAKC,IAAI,IAC7B,IAAAJ,MAAA,CAAAC,aAAA,EAACvI,YAAA,CAAA2I,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAN,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAA8I,aAAa;IACbC,KAAK,EAAG,IAAAhI,QAAE,EAAE,kBAAmB,CAAG;IAClCqH,IAAI,EAAGY,cAAS;IAChBC,OAAO,EAAGN;EAAM,CAChB,CACa,CACf;EAED,MAAMO,iBAAiB,GACtBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAClB,IAAArI,QAAE,EAAE,uDAAwD,CAAC,GAC7D,IAAAA,QAAE,EAAE,uDAAwD,CAAC;EAEjE,MAAMsI,cAAc,GAAGA,CAAA,KACtB,IAAAd,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAA6J,wBAAwB;IACxBJ,iBAAiB,EAAGA,iBAAmB;IACvCK,kBAAkB,EAAG,IAAAxI,QAAE,EAAE,oBAAqB,CAAG;IACjDyI,iBAAiB,EAAC,QAAQ;IAC1BC,OAAO,EAAGzE,mBAAmB,CAAC0E;EAAS,GAEvC,IAAAnB,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAGuE,cAAM,CAACsC;EAAsB,GAC1C,IAAArB,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAGuE,cAAM,CAACuC;EAAa,GACjC,IAAAtB,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAAyI,IAAI;IACJqB,IAAI,EAAG,EAAI;IACX1B,IAAI,EAAG2B,YAAO;IAAA,GACTzC,cAAM,CAAC0C;EAAe,CAC3B,CACI,CACD,CACmB,CAC1B;EAED,MAAMC,mBAAmB,GAAG,IAAA1D,oBAAW,EAAE,MAAM;IAC9C2D,+BAAkB,CAACC,oBAAoB,CAAE,MAAM;MAC9CpF,2BAA2B,CAAE,KAAM,CAAC;IACrC,CAAE,CAAC;EACJ,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMqF,iBAAiB,GAAGrI,wBAAwB,CACjDuF,cAAM,CAAC8C,iBAAiB,EACxB9C,cAAM,CAAC+C,qBACR,CAAC;EAED,MAAMC,eAAe,GAAGtH,kBAAkB,GACzC,IAAAuF,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAA8K,IAAI;IAACxH,KAAK,EAAGqH;EAAmB,GAC9BpH,kBAAkB,CAACwH,WAAW,CAAC,CAC5B,CAAC,GAEP,IAAAzJ,QAAE,EAAE,gBAAiB,CACrB;EAED,MAAM0J,mBAAmB,GACxB,IAAAlC,MAAA,CAAAC,aAAA,EAACvI,YAAA,CAAAyK,iBAAiB,QACjB,IAAAnC,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAA2K,mBAAmB,QACjB,CAAE;IACHC,6BAA6B;IAC7BC,gCAAgC;IAChCC,0BAA0B;IAC1BC,2BAA2B;IAC3BC;EACD,CAAC,KACA,IAAAzC,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAAiL,WAAW;IACXL,6BAA6B,EAC5BA,6BACA;IACDC,gCAAgC,EAC/BA,gCACA;IACDpE,QAAQ,EAAGA,QAAU;IACrByE,gBAAgB,EAAG9I,wBAA0B;IAC7C0I,0BAA0B,EACzBA,0BACA;IACDC,2BAA2B,EAC1BA,2BACA;IACDd,mBAAmB,EAAGA,mBAAqB;IAC3Ce,6BAA6B,EAC5BA,6BACA;IACDV,eAAe,EAAGA;EAAiB,CACnC,CAEkB,CACH,CACnB;EAED,MAAMa,aAAa,GAAKC,eAAe,IACtC,IAAA7C,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAA8C,QAAA,QACGC,gBAAgB,CAAEF,eAAgB,CAAC,EACnCpJ,gBAAgB,IAAI6C,sBAAsB,IAAIwE,cAAc,CAAC,CAC9D,CACF;EAED,MAAMiC,gBAAgB,GAAKF,eAAe,IACzC,IAAA7C,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAA6J,wBAAwB;IACxBiC,UAAU,EAAG,CAAEvJ,gBAAkB;IACjCyH,OAAO,EAAG3D,cAAgB;IAC1B0F,QAAQ,EAAG,CAAExJ;EAAkB,GAE/B,IAAAuG,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAG,CAAEuE,cAAM,CAAC1C,UAAU,EAAEgD,eAAe;EAAI,GACnDwD,eAAe,CAAC,CAAC,EACjBpJ,gBAAgB,IACjBS,cAAc,KAAKgJ,6BAAqB,IACxC/C,eAAe,CAAE1D,mBAAmB,CAAC0E,OAAQ,CAAC,EAC/C,IAAAnB,MAAA,CAAAC,aAAA,EAACvI,YAAA,CAAAyL,mBAAmB;IACnBC,OAAO,EAAG7I,EAAI;IACd8I,qBAAqB,EAAGA,CAAA,KAAM;MAC7BzG,qBAAqB,CAAE,IAAK,CAAC;IAC9B,CAAG;IACH0G,8BAA8B,EAAGA,CAAE;MAClCC,aAAa;MACbC;IACD,CAAC,KAAM;MACN5G,qBAAqB,CAAE,KAAM,CAAC;MAC9BE,gBAAgB,CAAE,KAAM,CAAC;MACzBnD,aAAa,CAAE;QACdY,EAAE,EAAEgJ,aAAa;QACjBjJ,GAAG,EAAEkJ,QAAQ;QACbtJ;MACD,CAAE,CAAC;IACJ,CAAG;IACHuJ,8BAA8B,EAAGA,CAAA,KAAM;MACtC7G,qBAAqB,CAAE,KAAM,CAAC;MAC9BE,gBAAgB,CAAE,IAAK,CAAC;IACzB,CAAG;IACH4G,uBAAuB,EAAGA,CAAA,KAAM;MAC/B9G,qBAAqB,CAAE,KAAM,CAAC;MAC9BE,gBAAgB,CAAE,KAAM,CAAC;MACzBnD,aAAa,CAAE;QAAEY,EAAE,EAAE8C,SAAS;QAAE/C,GAAG,EAAE+C;MAAU,CAAE,CAAC;IACnD;EAAG,CACH,CAAC,EAEAsG,6BAAqB,KAAKzJ,cAAc,IACzC,IAAA8F,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAGuE,cAAM,CAAC6E;EAAgB,GACpC,IAAA5D,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAAoM,KAAK;IACLC,UAAU,EAAG,KAAO;IACpB1J,UAAU,EACTA,UAAU,IAAI2J,qCACd;IACDjK,UAAU,EAAGL,gBAAkB;IAC/BuK,cAAc,EAAGnH,aAAe;IAChCF,kBAAkB,EAAGA,kBAAoB;IACzCsH,yBAAyB,EAAGhH,aAAe;IAC3CiH,gBAAgB,EAAGzH,mBAAmB,CAAC0E,OAAS;IAChD7G,GAAG,EAAGA,GAAK;IACX6J,KAAK,EAAGpF,cAAM,CAACyC,KAAK,EAAE2C;EAAO,CAC7B,CACI,CACN,EAECjB,6BAAqB,KAAKhJ,cAAc,IACzC,IAAA8F,MAAA,CAAAC,aAAA,EAAC7I,iBAAA,CAAAgN,OAAK;IACLC,KAAK;IACLC,YAAY;IACZC,MAAM;IACNC,UAAU,EAAG,OAAS;IACtBC,MAAM,EAAG;MAAEC,GAAG,EAAEpK;IAAI,CAAG;IACvBqK,MAAM,EAAG7G,WAAa;IACtB8G,WAAW,EAAG/G,gBAAkB;IAChCrD,KAAK,EAAG,CACPuE,cAAM,CAAC1C,UAAU;IACjB;IACA;MAAEqD,OAAO,EAAE/B,cAAc,GAAG,CAAC,GAAG;IAAE,CAAC;EACjC,CACH,CAEG,CACmB,CAC1B;EAED,IACG,CAAExB,aAAa,IAAI,CAAElC,cAAc,IACrCsC,0BAA0B,EACzB;IACD,OACC,IAAAyD,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI,QACF7E,0BAA0B,IAAI2F,mBAAmB,EACnD,IAAAlC,MAAA,CAAAC,aAAA,EAACvI,YAAA,CAAAmN,gBAAgB;MAChBC,MAAM,EACL/F,cAAM,CAACgG,mCAAmC,EAAED,MAC5C;MACDzF,eAAe,EAAG5E,kBAAoB;MACtCuK,WAAW,EACVvK,kBAAkB,KAAK,EAAE,IACzBA,kBAAkB,KAAK4C,SACvB;MACDwC,IAAI,EAAGE,eAAiB;MACxBkF,MAAM,EAAG;QACRzE,KAAK,EAAE,IAAAhI,QAAE,EAAE,OAAQ;MACpB,CAAG;MACH0M,QAAQ,EAAGjI,aAAe;MAC1BkI,YAAY,EAAGC,2BAAqB;MACpC1L,OAAO,EAAGA;IAAS,GAEnB,IAAAsG,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;MACJ5G,KAAK,EAAGuE,cAAM,CAACsG,mBAAqB;MACpCC,aAAa,EACZ5M,qBAAqB,GAAG,MAAM,GAAG;IACjC,GAED,IAAAsH,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAA2K,mBAAmB,QACjB,CAAE;MAAEC;IAA8B,CAAC,KACpC,IAAArC,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAA8N,YAAY;MACZC,0BAA0B,EACzBzG,cAAM,CAAC0G,qBACP;MACDC,4BAA4B,EAC3B3G,cAAM,CAAC4G,6BACP;MACDzH,QAAQ,EAAGA,QAAU;MACrB0H,aAAa,EAAGpH,eAAiB;MACjCqH,eAAe,EAAGnK,mBAAqB;MACvCoK,qBAAqB,EAAG,KAAO;MAC/BC,iCAAiC,EAAG,KAAO;MAC3C1D,6BAA6B,EAC5BA;IACA,CACD,CAEkB,CAChB,CACW,CACb,CAAC;EAET;EAEA,OACC,IAAArC,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAGuE,cAAM,CAACiH;EAAqB,GACvClM,UAAU,IACX,IAAAkG,MAAA,CAAAC,aAAA,EAACvI,YAAA,CAAAyK,iBAAiB,QACjB,IAAAnC,MAAA,CAAAC,aAAA,EAAC9H,SAAA,CAAAiM,OAAQ;IACR7K,UAAU,EAAGA,UAAY;IACzBsD,aAAa,EAAGA,aAAe;IAC/BP,sBAAsB,EAAGA,sBAAwB;IACjDK,kBAAkB,EAAGA,kBAAoB;IACzCoB,YAAY,EAAGA,YAAc;IAC7Bd,aAAa,EAAGA,aAAe;IAC/BtD,aAAa,EAAGA;EAAe,CAC/B,CACiB,CACnB,EAED,IAAAqG,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IACJkE,aAAa,EAAC,UAAU;IACxB9K,KAAK,EAAG,CAAEuE,cAAM,CAACkH,OAAO,EAAE;MAAE5L,SAAS,EAAEa;IAAmB,CAAC;EAAI,GAE/D,IAAA8E,MAAA,CAAAC,aAAA,EAACvI,YAAA,CAAAwO,WAAW;IACXvL,aAAa,EAAGA,aAAe;IAC/BwL,QAAQ,EAAG9N,qBAAuB;IAClCuC,YAAY,EAAGA,YAAc;IAC7BwL,8BAA8B;IAC9BpM,UAAU,EAAGA;EAAY,CACzB,CACI,CAAC,EAEP,IAAAgG,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAACkE,aAAa,EAAC,MAAM;IAAC9K,KAAK,EAAGuE,cAAM,CAACsH;EAAkB,GAC3D,IAAArG,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAGgF;EAAe,GAC1BzD,aAAa,IACd,IAAAiE,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAA6O,QAAQ;IACRvK,aAAa,EAAGA,aAAe;IAC/BvB,KAAK,EAAGuE,cAAM,CAAC1C;EAAY,CAC3B,CAEG,CACD,CAAC,EAEP,IAAA2D,MAAA,CAAAC,aAAA,EAACvI,YAAA,CAAA6O,WAAW;IACXpB,YAAY,EAAGC,2BAAqB;IACpCoB,gBAAgB,EAAG,CAAElK,sBAAwB;IAC7C4I,QAAQ,EAAGjI,aAAe;IAC1BwJ,MAAM,EAAGA,CAAE;MAAErG,IAAI;MAAEyC;IAAgB,CAAC,KAAM;MACzCpG,mBAAmB,CAAC0E,OAAO,GAAGf,IAAI;MAClC,OAAOwC,aAAa,CAAEC,eAAgB,CAAC;IACxC;EAAG,CACH,CAAC,EAEAxH,OAAO,IACRf,GAAG,IACHmC,mBAAmB,CAAC0E,OAAO,IAC3B1H,gBAAgB,IAChB,CAAEkD,kBAAkB,IACpB,CAAEE,aAAa,IACd,IAAAmD,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAGuE,cAAM,CAAC2H;EAAiB,GACrC,IAAA1G,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAAkP,kBAAkB;IAClB1C,yBAAyB,EAAGhH,aAAe;IAC3CiH,gBAAgB,EAAGzH,mBAAmB,CAAC0E,OAAS;IAChDyF,aAAa,EAAG,CACf;MACCC,iBAAiB,EAAE,IAAI;MACvBtM,EAAE,EAAE,YAAY;MAChBuM,KAAK,EAAE,IAAAtO,QAAE,EAAE,aAAc,CAAC;MAC1B0I,OAAO,EAAEnD,YAAY;MACrBgJ,SAAS,EAAE,IAAI;MACfC,KAAK,EAAE;IACR,CAAC,CACC;IACH1M,GAAG,EAAGA;EAAK,CACX,CACI,CACN,EAEA0C,iBAAiB,IAClB,IAAAgD,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IACJkE,aAAa,EAAC,MAAM;IACpB9K,KAAK,EAAGuE,cAAM,CAACkI;EAAuB,GAEtC,IAAAjH,MAAA,CAAAC,aAAA,EAAC/I,YAAA,CAAAkK,IAAI;IAAC5G,KAAK,EAAGuE,cAAM,CAACmI;EAAc,GAClC,IAAAlH,MAAA,CAAAC,aAAA,EAACxI,WAAA,CAAAyI,IAAI;IAACL,IAAI,EAAGsH,cAAS;IAAA,GAAMpI,cAAM,CAACqI;EAAgB,CAAI,CAClD,CACD,CAEF,CAAC;AAET,CAAC;AAAC,IAAAC,QAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IAAEC,wBAAwB;IAAEC;EAAS,CAAC,GAC3CH,MAAM,CAAE7I,kBAAiB,CAAC;EAE3B,MAAMiJ,qBAAqB,GAAGF,wBAAwB,CAAC,CAAC;EAExD,MAAMzN,cAAc,GAAG0N,QAAQ,CAAEF,QAAS,CAAC,EAAEI,WAAW,CAACC,MAAM,GAAG,CAAC;EAEnE,OAAO;IACNrO,gBAAgB,EAAEmO,qBAAqB,KAAKH,QAAQ;IACpDxN;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAA8N,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEP;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAE7N;EAAmB,CAAC,GAAGoO,QAAQ,CAAEC,eAAc,CAAC;EACxD,MAAM;IAAElO;EAAY,CAAC,GAAGiO,QAAQ,CAAErJ,kBAAiB,CAAC;EAEpD,OAAO;IACN/E,kBAAkB,EAAEA,CAAA,KAAMA,kBAAkB,CAAE,iBAAkB,CAAC;IACjEC,wBAAwBA,CAAA,EAAG;MAC1BmO,QAAQ,CAAEC,eAAc,CAAC,CAACC,mBAAmB,CAAC,CAAC;IAChD,CAAC;IACDnO,WAAW,EAAEA,CAAA,KAAMA,WAAW,CAAE0N,QAAS;EAC1C,CAAC;AACF,CAAE,CAAC,EACHU,iCAAwB,CACvB,CAAC,CAAE7O,KAAM,CAAC;AAAA8O,OAAA,CAAAhE,OAAA,GAAAiD,QAAA"}
+{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_dedupe","_reactNativeBridge","_i18n","_components","_blockEditor","_compose","_data","_element","_icons","_url","_editPost","_style","_shared","_controls","_useCoverIsDark","INNER_BLOCKS_TEMPLATE","align","placeholder","__","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","useState","useEffect","mounted","changeListener","AccessibilityInfo","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","mediaUploadSync","convertedMinHeight","useConvertUnitToMobile","COVER_DEFAULT_HEIGHT","isImage","MEDIA_TYPE_IMAGE","THEME_COLORS_COUNT","colorsDefault","useMobileGlobalStylesColors","coverDefaultPalette","useMemo","colors","slice","gradients","gradientValue","getGradientValueBySlug","overlayColorValue","getColorObjectByAttributeValues","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","useRef","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","getProtocol","shouldShowFailure","onSelectMedia","media","mediaAttributes","attributesFromMedia","undefined","useFeaturedImage","onMediaPressed","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","useCallback","hasParallax","setColor","_colorValue$slug","_ref","colorValue","getColorObjectByColorValue","slug","openColorPicker","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","isCoverDark","useCoverIsDark","childrenStyles","styles","defaultColor","defaultColorLightMode","className","includes","classnames","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","overlay","opacity","overlaySelected","placeholderIconStyle","icon","iconDark","placeholderIcon","_react","createElement","Icon","toolbarControls","open","BlockControls","group","ToolbarButton","title","replace","onClick","accessibilityHint","Platform","OS","addMediaButton","TouchableWithoutFeedback","accessibilityLabel","accessibilityRole","onPress","current","View","selectImageContainer","selectImage","size","image","selectImageIcon","onBottomSheetClosed","InteractionManager","runAfterInteractions","selectedColorText","selectedColorTextDark","bottomLabelText","Text","toUpperCase","colorPickerControls","InspectorControls","BottomSheetConsumer","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","ColorPicker","onNavigationBack","renderContent","getMediaOptions","Fragment","renderBackground","accessible","disabled","VIDEO_BACKGROUND_TYPE","MediaUploadProgress","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","mediaServerId","mediaUrl","onFinishMediaUploadWithFailure","onMediaUploadStateReset","IMAGE_BACKGROUND_TYPE","imageContainer","Image","editButton","IMAGE_DEFAULT_FOCAL_POINT","isUploadFailed","onSelectMediaUploadOption","openMediaOptions","width","default","muted","disableFocus","repeat","resizeMode","source","uri","onLoad","onLoadStart","MediaPlaceholder","height","mediaPlaceholderEmptyStateContainer","hideContent","labels","onSelect","allowedTypes","ALLOWED_MEDIA_TYPES","colorPaletteWrapper","pointerEvents","ColorPalette","enableCustomColor","customColorIndicatorStyles","paletteColorIndicator","customIndicatorWrapperStyles","paletteCustomIndicatorWrapper","onCustomPress","defaultSettings","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","backgroundContainer","content","InnerBlocks","template","templateInsertUpdatesSelection","overlayContainer","Gradient","MediaUpload","isReplacingMedia","render","imageEditButton","ImageEditingButton","pickerOptions","destructiveButton","label","separated","value","uploadFailedContainer","uploadFailed","warning","uploadFailedIcon","_default","compose","withSelect","select","clientId","getSelectedBlockClientId","getBlock","selectedBlockClientId","innerBlocks","length","withDispatch","dispatch","editPostStore","closeGeneralSidebar","withPreferredColorScheme","exports"],"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\tenableCustomColor={ true }\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/embed/util.js

@@ -12,7 +12,7 @@ exports.removeAspectRatioClasses = exports.matchesPatterns = exports.isFromWordP
 var _react = require("react");
 var _dedupe = _interopRequireDefault(require("classnames/dedupe"));
 var _memize = _interopRequireDefault(require("memize"));
-var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _blocks = require("@wordpress/blocks");
 var _constants = require("./constants");
@@ -80,9 +80,6 @@ const metadata = {
 const {
   name: DEFAULT_EMBED_BLOCK
 } = metadata;
-const {
-  kebabCase
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 
 /** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */
 
@@ -322,6 +319,9 @@ const getAttributesFromPreview = (0, _memize.default)((preview, title, currentCl
     html,
     provider_name: providerName
   } = preview;
+  const {
+    kebabCase
+  } = (0, _lockUnlock.unlock)(_components.privateApis);
   const providerNameSlug = kebabCase((providerName || title).toLowerCase());
   if (isFromWordPress(html)) {
     type = _constants.WP_EMBED_TYPE;

package/build/embed/util.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dedupe","_interopRequireDefault","require","_memize","_blockEditor","_element","_blocks","_constants","_lockUnlock","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","__experimentalRole","caption","source","selector","providerNameSlug","allowResponsive","responsive","previewable","supports","align","spacing","margin","editorStyle","style","DEFAULT_EMBED_BLOCK","kebabCase","unlock","blockEditorPrivateApis","getEmbedInfoByProvider","provider","getBlockVariations","find","exports","matchesPatterns","patterns","some","pattern","match","findMoreSuitableBlock","isFromWordPress","html","includes","getPhotoHtml","photo","imageUrl","thumbnail_url","photoPreview","_react","createElement","src","alt","width","renderToString","createUpgradedEmbedBlock","props","attributesFromPreview","preview","restAttributes","getBlockType","matchedBlock","isCurrentBlockWP","WP_EMBED_TYPE","shouldCreateNewBlock","createBlock","wpVariation","hasAspectRatioClass","existingClassNames","ASPECT_RATIOS","className","removeAspectRatioClasses","aspectRatioClassNames","reduce","accumulator","classnames","getClassNames","previewDocument","document","implementation","createHTMLDocument","body","innerHTML","iframe","querySelector","height","aspectRatio","toFixed","ratioIndex","length","potentialRatio","ratio","ratioDiff","fallback","onReplace","link","href","content","getAttributesFromPreview","memoize","currentClassNames","isResponsive","provider_name","providerName","toLowerCase","getMergedAttributesWithPreview","currentAttributes"],"sources":["@wordpress/block-library/src/embed/util.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { renderToString } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tgetBlockType,\n\tgetBlockVariations,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';\nimport { unlock } from '../lock-unlock';\n\nconst { name: DEFAULT_EMBED_BLOCK } = metadata;\nconst { kebabCase } = unlock( blockEditorPrivateApis );\n\n/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */\n\n/**\n * Returns the embed block's information by matching the provided service provider\n *\n * @param {string} provider The embed block's provider\n * @return {WPBlockVariation} The embed block's information\n */\nexport const getEmbedInfoByProvider = ( provider ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === provider\n\t);\n\n/**\n * Returns true if any of the regular expressions match the URL.\n *\n * @param {string} url      The URL to test.\n * @param {Array}  patterns The list of regular expressions to test agains.\n * @return {boolean} True if any of the regular expressions match the URL.\n */\nexport const matchesPatterns = ( url, patterns = [] ) =>\n\tpatterns.some( ( pattern ) => url.match( pattern ) );\n\n/**\n * Finds the block variation that should be used for the URL,\n * based on the provided URL and the variation's patterns.\n *\n * @param {string} url The URL to test.\n * @return {WPBlockVariation} The block variation that should be used for this URL\n */\nexport const findMoreSuitableBlock = ( url ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find( ( { patterns } ) =>\n\t\tmatchesPatterns( url, patterns )\n\t);\n\nexport const isFromWordPress = ( html ) =>\n\thtml && html.includes( 'class=\"wp-embedded-content\"' );\n\nexport const getPhotoHtml = ( photo ) => {\n\t// If full image url not found use thumbnail.\n\tconst imageUrl = photo.url || photo.thumbnail_url;\n\n\t// 100% width for the preview so it fits nicely into the document, some \"thumbnails\" are\n\t// actually the full size photo.\n\tconst photoPreview = (\n\t\t<p>\n\t\t\t<img src={ imageUrl } alt={ photo.title } width=\"100%\" />\n\t\t</p>\n\t);\n\treturn renderToString( photoPreview );\n};\n\n/**\n * Creates a more suitable embed block based on the passed in props\n * and attributes generated from an embed block's preview.\n *\n * We require `attributesFromPreview` to be generated from the latest attributes\n * and preview, and because of the way the react lifecycle operates, we can't\n * guarantee that the attributes contained in the block's props are the latest\n * versions, so we require that these are generated separately.\n * See `getAttributesFromPreview` in the generated embed edit component.\n *\n * @param {Object} props                   The block's props.\n * @param {Object} [attributesFromPreview] Attributes generated from the block's most up to date preview.\n * @return {Object|undefined} A more suitable embed block if one exists.\n */\nexport const createUpgradedEmbedBlock = (\n\tprops,\n\tattributesFromPreview = {}\n) => {\n\tconst { preview, attributes = {} } = props;\n\tconst { url, providerNameSlug, type, ...restAttributes } = attributes;\n\n\tif ( ! url || ! getBlockType( DEFAULT_EMBED_BLOCK ) ) return;\n\n\tconst matchedBlock = findMoreSuitableBlock( url );\n\n\t// WordPress blocks can work on multiple sites, and so don't have patterns,\n\t// so if we're in a WordPress block, assume the user has chosen it for a WordPress URL.\n\tconst isCurrentBlockWP =\n\t\tproviderNameSlug === 'wordpress' || type === WP_EMBED_TYPE;\n\t// If current block is not WordPress and a more suitable block found\n\t// that is different from the current one, create the new matched block.\n\tconst shouldCreateNewBlock =\n\t\t! isCurrentBlockWP &&\n\t\tmatchedBlock &&\n\t\t( matchedBlock.attributes.providerNameSlug !== providerNameSlug ||\n\t\t\t! providerNameSlug );\n\tif ( shouldCreateNewBlock ) {\n\t\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\t\turl,\n\t\t\t...restAttributes,\n\t\t\t...matchedBlock.attributes,\n\t\t} );\n\t}\n\n\tconst wpVariation = getBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === 'wordpress'\n\t);\n\n\t// We can't match the URL for WordPress embeds, we have to check the HTML instead.\n\tif (\n\t\t! wpVariation ||\n\t\t! preview ||\n\t\t! isFromWordPress( preview.html ) ||\n\t\tisCurrentBlockWP\n\t) {\n\t\treturn;\n\t}\n\n\t// This is not the WordPress embed block so transform it into one.\n\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\turl,\n\t\t...wpVariation.attributes,\n\t\t// By now we have the preview, but when the new block first renders, it\n\t\t// won't have had all the attributes set, and so won't get the correct\n\t\t// type and it won't render correctly. So, we pass through the current attributes\n\t\t// here so that the initial render works when we switch to the WordPress\n\t\t// block. This only affects the WordPress block because it can't be\n\t\t// rendered in the usual Sandbox (it has a sandbox of its own) and it\n\t\t// relies on the preview to set the correct render type.\n\t\t...attributesFromPreview,\n\t} );\n};\n\n/**\n * Determine if the block already has an aspect ratio class applied.\n *\n * @param {string} existingClassNames Existing block classes.\n * @return {boolean} True or false if the classnames contain an aspect ratio class.\n */\nexport const hasAspectRatioClass = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\treturn false;\n\t}\n\treturn ASPECT_RATIOS.some( ( { className } ) =>\n\t\texistingClassNames.includes( className )\n\t);\n};\n\n/**\n * Removes all previously set aspect ratio related classes and return the rest\n * existing class names.\n *\n * @param {string} existingClassNames Any existing class names.\n * @return {string} The class names without any aspect ratio related class.\n */\nexport const removeAspectRatioClasses = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\t// Avoids extraneous work and also, by returning the same value as\n\t\t// received, ensures the post is not dirtied by a change of the block\n\t\t// attribute from `undefined` to an emtpy string.\n\t\treturn existingClassNames;\n\t}\n\tconst aspectRatioClassNames = ASPECT_RATIOS.reduce(\n\t\t( accumulator, { className } ) => {\n\t\t\taccumulator[ className ] = false;\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ 'wp-has-aspect-ratio': false }\n\t);\n\treturn classnames( existingClassNames, aspectRatioClassNames );\n};\n\n/**\n * Returns class names with any relevant responsive aspect ratio names.\n *\n * @param {string}  html               The preview HTML that possibly contains an iframe with width and height set.\n * @param {string}  existingClassNames Any existing class names.\n * @param {boolean} allowResponsive    If the responsive class names should be added, or removed.\n * @return {string} Deduped class names.\n */\nexport function getClassNames(\n\thtml,\n\texistingClassNames,\n\tallowResponsive = true\n) {\n\tif ( ! allowResponsive ) {\n\t\treturn removeAspectRatioClasses( existingClassNames );\n\t}\n\n\tconst previewDocument = document.implementation.createHTMLDocument( '' );\n\tpreviewDocument.body.innerHTML = html;\n\tconst iframe = previewDocument.body.querySelector( 'iframe' );\n\n\t// If we have a fixed aspect iframe, and it's a responsive embed block.\n\tif ( iframe && iframe.height && iframe.width ) {\n\t\tconst aspectRatio = ( iframe.width / iframe.height ).toFixed( 2 );\n\t\t// Given the actual aspect ratio, find the widest ratio to support it.\n\t\tfor (\n\t\t\tlet ratioIndex = 0;\n\t\t\tratioIndex < ASPECT_RATIOS.length;\n\t\t\tratioIndex++\n\t\t) {\n\t\t\tconst potentialRatio = ASPECT_RATIOS[ ratioIndex ];\n\t\t\tif ( aspectRatio >= potentialRatio.ratio ) {\n\t\t\t\t// Evaluate the difference between actual aspect ratio and closest match.\n\t\t\t\t// If the difference is too big, do not scale the embed according to aspect ratio.\n\t\t\t\tconst ratioDiff = aspectRatio - potentialRatio.ratio;\n\t\t\t\tif ( ratioDiff > 0.1 ) {\n\t\t\t\t\t// No close aspect ratio match found.\n\t\t\t\t\treturn removeAspectRatioClasses( existingClassNames );\n\t\t\t\t}\n\t\t\t\t// Close aspect ratio match found.\n\t\t\t\treturn classnames(\n\t\t\t\t\tremoveAspectRatioClasses( existingClassNames ),\n\t\t\t\t\tpotentialRatio.className,\n\t\t\t\t\t'wp-has-aspect-ratio'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn existingClassNames;\n}\n\n/**\n * Fallback behaviour for unembeddable URLs.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function fallback( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n\n/***\n * Gets block attributes based on the preview and responsive state.\n *\n * @param {Object} preview The preview data.\n * @param {string} title The block's title, e.g. Twitter.\n * @param {Object} currentClassNames The block's current class names.\n * @param {boolean} isResponsive Boolean indicating if the block supports responsive content.\n * @param {boolean} allowResponsive Apply responsive classes to fixed size content.\n * @return {Object} Attributes and values.\n */\nexport const getAttributesFromPreview = memoize(\n\t(\n\t\tpreview,\n\t\ttitle,\n\t\tcurrentClassNames,\n\t\tisResponsive,\n\t\tallowResponsive = true\n\t) => {\n\t\tif ( ! preview ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst attributes = {};\n\t\t// Some plugins only return HTML with no type info, so default this to 'rich'.\n\t\tlet { type = 'rich' } = preview;\n\t\t// If we got a provider name from the API, use it for the slug, otherwise we use the title,\n\t\t// because not all embed code gives us a provider name.\n\t\tconst { html, provider_name: providerName } = preview;\n\t\tconst providerNameSlug = kebabCase(\n\t\t\t( providerName || title ).toLowerCase()\n\t\t);\n\n\t\tif ( isFromWordPress( html ) ) {\n\t\t\ttype = WP_EMBED_TYPE;\n\t\t}\n\n\t\tif ( html || 'photo' === type ) {\n\t\t\tattributes.type = type;\n\t\t\tattributes.providerNameSlug = providerNameSlug;\n\t\t}\n\n\t\t// Aspect ratio classes are removed when the embed URL is updated.\n\t\t// If the embed already has an aspect ratio class, that means the URL has not changed.\n\t\t// Which also means no need to regenerate it with getClassNames.\n\t\tif ( hasAspectRatioClass( currentClassNames ) ) {\n\t\t\treturn attributes;\n\t\t}\n\n\t\tattributes.className = getClassNames(\n\t\t\thtml,\n\t\t\tcurrentClassNames,\n\t\t\tisResponsive && allowResponsive\n\t\t);\n\n\t\treturn attributes;\n\t}\n);\n\n/**\n * Returns the attributes derived from the preview, merged with the current attributes.\n *\n * @param {Object}  currentAttributes The current attributes of the block.\n * @param {Object}  preview           The preview data.\n * @param {string}  title             The block's title, e.g. Twitter.\n * @param {boolean} isResponsive      Boolean indicating if the block supports responsive content.\n * @return {Object} Merged attributes.\n */\nexport const getMergedAttributesWithPreview = (\n\tcurrentAttributes,\n\tpreview,\n\ttitle,\n\tisResponsive\n) => {\n\tconst { allowResponsive, className } = currentAttributes;\n\n\treturn {\n\t\t...currentAttributes,\n\t\t...getAttributesFromPreview(\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tclassName,\n\t\t\tisResponsive,\n\t\t\tallowResponsive\n\t\t),\n\t};\n};\n"],"mappings":"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"}
+{"version":3,"names":["_dedupe","_interopRequireDefault","require","_memize","_components","_element","_blocks","_constants","_lockUnlock","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","__experimentalRole","caption","source","selector","providerNameSlug","allowResponsive","responsive","previewable","supports","align","spacing","margin","editorStyle","style","DEFAULT_EMBED_BLOCK","getEmbedInfoByProvider","provider","getBlockVariations","find","exports","matchesPatterns","patterns","some","pattern","match","findMoreSuitableBlock","isFromWordPress","html","includes","getPhotoHtml","photo","imageUrl","thumbnail_url","photoPreview","_react","createElement","src","alt","width","renderToString","createUpgradedEmbedBlock","props","attributesFromPreview","preview","restAttributes","getBlockType","matchedBlock","isCurrentBlockWP","WP_EMBED_TYPE","shouldCreateNewBlock","createBlock","wpVariation","hasAspectRatioClass","existingClassNames","ASPECT_RATIOS","className","removeAspectRatioClasses","aspectRatioClassNames","reduce","accumulator","classnames","getClassNames","previewDocument","document","implementation","createHTMLDocument","body","innerHTML","iframe","querySelector","height","aspectRatio","toFixed","ratioIndex","length","potentialRatio","ratio","ratioDiff","fallback","onReplace","link","href","content","getAttributesFromPreview","memoize","currentClassNames","isResponsive","provider_name","providerName","kebabCase","unlock","componentsPrivateApis","toLowerCase","getMergedAttributesWithPreview","currentAttributes"],"sources":["@wordpress/block-library/src/embed/util.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { renderToString } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tgetBlockType,\n\tgetBlockVariations,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';\nimport { unlock } from '../lock-unlock';\n\nconst { name: DEFAULT_EMBED_BLOCK } = metadata;\n\n/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */\n\n/**\n * Returns the embed block's information by matching the provided service provider\n *\n * @param {string} provider The embed block's provider\n * @return {WPBlockVariation} The embed block's information\n */\nexport const getEmbedInfoByProvider = ( provider ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === provider\n\t);\n\n/**\n * Returns true if any of the regular expressions match the URL.\n *\n * @param {string} url      The URL to test.\n * @param {Array}  patterns The list of regular expressions to test agains.\n * @return {boolean} True if any of the regular expressions match the URL.\n */\nexport const matchesPatterns = ( url, patterns = [] ) =>\n\tpatterns.some( ( pattern ) => url.match( pattern ) );\n\n/**\n * Finds the block variation that should be used for the URL,\n * based on the provided URL and the variation's patterns.\n *\n * @param {string} url The URL to test.\n * @return {WPBlockVariation} The block variation that should be used for this URL\n */\nexport const findMoreSuitableBlock = ( url ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find( ( { patterns } ) =>\n\t\tmatchesPatterns( url, patterns )\n\t);\n\nexport const isFromWordPress = ( html ) =>\n\thtml && html.includes( 'class=\"wp-embedded-content\"' );\n\nexport const getPhotoHtml = ( photo ) => {\n\t// If full image url not found use thumbnail.\n\tconst imageUrl = photo.url || photo.thumbnail_url;\n\n\t// 100% width for the preview so it fits nicely into the document, some \"thumbnails\" are\n\t// actually the full size photo.\n\tconst photoPreview = (\n\t\t<p>\n\t\t\t<img src={ imageUrl } alt={ photo.title } width=\"100%\" />\n\t\t</p>\n\t);\n\treturn renderToString( photoPreview );\n};\n\n/**\n * Creates a more suitable embed block based on the passed in props\n * and attributes generated from an embed block's preview.\n *\n * We require `attributesFromPreview` to be generated from the latest attributes\n * and preview, and because of the way the react lifecycle operates, we can't\n * guarantee that the attributes contained in the block's props are the latest\n * versions, so we require that these are generated separately.\n * See `getAttributesFromPreview` in the generated embed edit component.\n *\n * @param {Object} props                   The block's props.\n * @param {Object} [attributesFromPreview] Attributes generated from the block's most up to date preview.\n * @return {Object|undefined} A more suitable embed block if one exists.\n */\nexport const createUpgradedEmbedBlock = (\n\tprops,\n\tattributesFromPreview = {}\n) => {\n\tconst { preview, attributes = {} } = props;\n\tconst { url, providerNameSlug, type, ...restAttributes } = attributes;\n\n\tif ( ! url || ! getBlockType( DEFAULT_EMBED_BLOCK ) ) return;\n\n\tconst matchedBlock = findMoreSuitableBlock( url );\n\n\t// WordPress blocks can work on multiple sites, and so don't have patterns,\n\t// so if we're in a WordPress block, assume the user has chosen it for a WordPress URL.\n\tconst isCurrentBlockWP =\n\t\tproviderNameSlug === 'wordpress' || type === WP_EMBED_TYPE;\n\t// If current block is not WordPress and a more suitable block found\n\t// that is different from the current one, create the new matched block.\n\tconst shouldCreateNewBlock =\n\t\t! isCurrentBlockWP &&\n\t\tmatchedBlock &&\n\t\t( matchedBlock.attributes.providerNameSlug !== providerNameSlug ||\n\t\t\t! providerNameSlug );\n\tif ( shouldCreateNewBlock ) {\n\t\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\t\turl,\n\t\t\t...restAttributes,\n\t\t\t...matchedBlock.attributes,\n\t\t} );\n\t}\n\n\tconst wpVariation = getBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === 'wordpress'\n\t);\n\n\t// We can't match the URL for WordPress embeds, we have to check the HTML instead.\n\tif (\n\t\t! wpVariation ||\n\t\t! preview ||\n\t\t! isFromWordPress( preview.html ) ||\n\t\tisCurrentBlockWP\n\t) {\n\t\treturn;\n\t}\n\n\t// This is not the WordPress embed block so transform it into one.\n\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\turl,\n\t\t...wpVariation.attributes,\n\t\t// By now we have the preview, but when the new block first renders, it\n\t\t// won't have had all the attributes set, and so won't get the correct\n\t\t// type and it won't render correctly. So, we pass through the current attributes\n\t\t// here so that the initial render works when we switch to the WordPress\n\t\t// block. This only affects the WordPress block because it can't be\n\t\t// rendered in the usual Sandbox (it has a sandbox of its own) and it\n\t\t// relies on the preview to set the correct render type.\n\t\t...attributesFromPreview,\n\t} );\n};\n\n/**\n * Determine if the block already has an aspect ratio class applied.\n *\n * @param {string} existingClassNames Existing block classes.\n * @return {boolean} True or false if the classnames contain an aspect ratio class.\n */\nexport const hasAspectRatioClass = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\treturn false;\n\t}\n\treturn ASPECT_RATIOS.some( ( { className } ) =>\n\t\texistingClassNames.includes( className )\n\t);\n};\n\n/**\n * Removes all previously set aspect ratio related classes and return the rest\n * existing class names.\n *\n * @param {string} existingClassNames Any existing class names.\n * @return {string} The class names without any aspect ratio related class.\n */\nexport const removeAspectRatioClasses = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\t// Avoids extraneous work and also, by returning the same value as\n\t\t// received, ensures the post is not dirtied by a change of the block\n\t\t// attribute from `undefined` to an emtpy string.\n\t\treturn existingClassNames;\n\t}\n\tconst aspectRatioClassNames = ASPECT_RATIOS.reduce(\n\t\t( accumulator, { className } ) => {\n\t\t\taccumulator[ className ] = false;\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ 'wp-has-aspect-ratio': false }\n\t);\n\treturn classnames( existingClassNames, aspectRatioClassNames );\n};\n\n/**\n * Returns class names with any relevant responsive aspect ratio names.\n *\n * @param {string}  html               The preview HTML that possibly contains an iframe with width and height set.\n * @param {string}  existingClassNames Any existing class names.\n * @param {boolean} allowResponsive    If the responsive class names should be added, or removed.\n * @return {string} Deduped class names.\n */\nexport function getClassNames(\n\thtml,\n\texistingClassNames,\n\tallowResponsive = true\n) {\n\tif ( ! allowResponsive ) {\n\t\treturn removeAspectRatioClasses( existingClassNames );\n\t}\n\n\tconst previewDocument = document.implementation.createHTMLDocument( '' );\n\tpreviewDocument.body.innerHTML = html;\n\tconst iframe = previewDocument.body.querySelector( 'iframe' );\n\n\t// If we have a fixed aspect iframe, and it's a responsive embed block.\n\tif ( iframe && iframe.height && iframe.width ) {\n\t\tconst aspectRatio = ( iframe.width / iframe.height ).toFixed( 2 );\n\t\t// Given the actual aspect ratio, find the widest ratio to support it.\n\t\tfor (\n\t\t\tlet ratioIndex = 0;\n\t\t\tratioIndex < ASPECT_RATIOS.length;\n\t\t\tratioIndex++\n\t\t) {\n\t\t\tconst potentialRatio = ASPECT_RATIOS[ ratioIndex ];\n\t\t\tif ( aspectRatio >= potentialRatio.ratio ) {\n\t\t\t\t// Evaluate the difference between actual aspect ratio and closest match.\n\t\t\t\t// If the difference is too big, do not scale the embed according to aspect ratio.\n\t\t\t\tconst ratioDiff = aspectRatio - potentialRatio.ratio;\n\t\t\t\tif ( ratioDiff > 0.1 ) {\n\t\t\t\t\t// No close aspect ratio match found.\n\t\t\t\t\treturn removeAspectRatioClasses( existingClassNames );\n\t\t\t\t}\n\t\t\t\t// Close aspect ratio match found.\n\t\t\t\treturn classnames(\n\t\t\t\t\tremoveAspectRatioClasses( existingClassNames ),\n\t\t\t\t\tpotentialRatio.className,\n\t\t\t\t\t'wp-has-aspect-ratio'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn existingClassNames;\n}\n\n/**\n * Fallback behaviour for unembeddable URLs.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function fallback( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n\n/***\n * Gets block attributes based on the preview and responsive state.\n *\n * @param {Object} preview The preview data.\n * @param {string} title The block's title, e.g. Twitter.\n * @param {Object} currentClassNames The block's current class names.\n * @param {boolean} isResponsive Boolean indicating if the block supports responsive content.\n * @param {boolean} allowResponsive Apply responsive classes to fixed size content.\n * @return {Object} Attributes and values.\n */\nexport const getAttributesFromPreview = memoize(\n\t(\n\t\tpreview,\n\t\ttitle,\n\t\tcurrentClassNames,\n\t\tisResponsive,\n\t\tallowResponsive = true\n\t) => {\n\t\tif ( ! preview ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst attributes = {};\n\t\t// Some plugins only return HTML with no type info, so default this to 'rich'.\n\t\tlet { type = 'rich' } = preview;\n\t\t// If we got a provider name from the API, use it for the slug, otherwise we use the title,\n\t\t// because not all embed code gives us a provider name.\n\t\tconst { html, provider_name: providerName } = preview;\n\t\tconst { kebabCase } = unlock( componentsPrivateApis );\n\t\tconst providerNameSlug = kebabCase(\n\t\t\t( providerName || title ).toLowerCase()\n\t\t);\n\n\t\tif ( isFromWordPress( html ) ) {\n\t\t\ttype = WP_EMBED_TYPE;\n\t\t}\n\n\t\tif ( html || 'photo' === type ) {\n\t\t\tattributes.type = type;\n\t\t\tattributes.providerNameSlug = providerNameSlug;\n\t\t}\n\n\t\t// Aspect ratio classes are removed when the embed URL is updated.\n\t\t// If the embed already has an aspect ratio class, that means the URL has not changed.\n\t\t// Which also means no need to regenerate it with getClassNames.\n\t\tif ( hasAspectRatioClass( currentClassNames ) ) {\n\t\t\treturn attributes;\n\t\t}\n\n\t\tattributes.className = getClassNames(\n\t\t\thtml,\n\t\t\tcurrentClassNames,\n\t\t\tisResponsive && allowResponsive\n\t\t);\n\n\t\treturn attributes;\n\t}\n);\n\n/**\n * Returns the attributes derived from the preview, merged with the current attributes.\n *\n * @param {Object}  currentAttributes The current attributes of the block.\n * @param {Object}  preview           The preview data.\n * @param {string}  title             The block's title, e.g. Twitter.\n * @param {boolean} isResponsive      Boolean indicating if the block supports responsive content.\n * @return {Object} Merged attributes.\n */\nexport const getMergedAttributesWithPreview = (\n\tcurrentAttributes,\n\tpreview,\n\ttitle,\n\tisResponsive\n) => {\n\tconst { allowResponsive, className } = currentAttributes;\n\n\treturn {\n\t\t...currentAttributes,\n\t\t...getAttributesFromPreview(\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tclassName,\n\t\t\tisResponsive,\n\t\t\tallowResponsive\n\t\t),\n\t};\n};\n"],"mappings":"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"}

package/build/file/edit.js

@@ -63,7 +63,6 @@ function FileEdit({
 }) {
   const {
     id,
-    fileId,
     fileName,
     href,
     textLinkHref,
@@ -74,24 +73,24 @@ function FileEdit({
     previewHeight
   } = attributes;
   const {
-    media,
-    mediaUpload
+    getSettings
+  } = (0, _data.useSelect)(_blockEditor.store);
+  const {
+    media
   } = (0, _data.useSelect)(select => ({
-    media: id === undefined ? undefined : select(_coreData.store).getMedia(id),
-    mediaUpload: select(_blockEditor.store).getSettings().mediaUpload
+    media: id === undefined ? undefined : select(_coreData.store).getMedia(id)
   }), [id]);
   const {
     createErrorNotice
   } = (0, _data.useDispatch)(_notices.store);
   const {
-    toggleSelection,
-    __unstableMarkNextChangeAsNotPersistent
+    toggleSelection
   } = (0, _data.useDispatch)(_blockEditor.store);
   (0, _element.useEffect)(() => {
     // Upload a file drag-and-dropped into the editor.
     if ((0, _blob.isBlobURL)(href)) {
       const file = (0, _blob.getBlobByURL)(href);
-      mediaUpload({
+      getSettings().mediaUpload({
         filesList: [file],
         onFileChange: ([newMedia]) => onSelectFile(newMedia),
         onError: onUploadError
@@ -104,27 +103,20 @@ function FileEdit({
       });
     }
   }, []);
-  (0, _element.useEffect)(() => {
-    if (!fileId && href) {
-      // Add a unique fileId to each file block.
-      __unstableMarkNextChangeAsNotPersistent();
-      setAttributes({
-        fileId: `wp-block-file--media-${clientId}`
-      });
-    }
-  }, [href, fileId, clientId]);
   function onSelectFile(newMedia) {
-    if (newMedia && newMedia.url) {
-      const isPdf = newMedia.url.endsWith('.pdf');
-      setAttributes({
-        href: newMedia.url,
-        fileName: newMedia.title,
-        textLinkHref: newMedia.url,
-        id: newMedia.id,
-        displayPreview: isPdf ? true : undefined,
-        previewHeight: isPdf ? 600 : undefined
-      });
+    if (!newMedia || !newMedia.url) {
+      return;
     }
+    const isPdf = newMedia.url.endsWith('.pdf');
+    setAttributes({
+      href: newMedia.url,
+      fileName: newMedia.title,
+      textLinkHref: newMedia.url,
+      id: newMedia.id,
+      displayPreview: isPdf ? true : undefined,
+      previewHeight: isPdf ? 600 : undefined,
+      fileId: `wp-block-file--media-${clientId}`
+    });
   }
   function onUploadError(message) {
     setAttributes({

package/build/file/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blob","_components","_data","_blockEditor","_element","_compose","_i18n","_icons","_coreData","_notices","_inspector","_utils","_removeAnchorTag","MIN_PREVIEW_HEIGHT","exports","MAX_PREVIEW_HEIGHT","ClipboardToolbarButton","text","disabled","createNotice","useDispatch","noticesStore","ref","useCopyToClipboard","__","isDismissible","type","_react","createElement","ToolbarButton","className","FileEdit","attributes","isSelected","setAttributes","clientId","id","fileId","fileName","href","textLinkHref","textLinkTarget","showDownloadButton","downloadButtonText","displayPreview","previewHeight","media","mediaUpload","useSelect","select","undefined","coreStore","getMedia","blockEditorStore","getSettings","createErrorNotice","toggleSelection","__unstableMarkNextChangeAsNotPersistent","useEffect","isBlobURL","file","getBlobByURL","filesList","onFileChange","newMedia","onSelectFile","onError","onUploadError","revokeBlobURL","RichText","isEmpty","_x","url","isPdf","endsWith","title","message","changeLinkDestinationOption","newHref","changeOpenInNewWindow","newValue","changeShowDownloadButton","changeDisplayPreview","handleOnResizeStop","event","direction","elt","delta","newHeight","parseInt","height","changePreviewHeight","Math","max","attachmentPage","link","blockProps","useBlockProps","classnames","getAnimateClassName","displayPreviewInEditor","browserSupportsPdfs","MediaPlaceholder","icon","BlockIcon","labels","instructions","onSelect","accept","Fragment","default","hrefs","openInNewWindow","BlockControls","group","MediaReplaceFlow","mediaId","mediaURL","ResizableBox","size","minHeight","maxHeight","minWidth","grid","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","onResizeStart","onResizeStop","showHandle","data","tagName","value","placeholder","withoutInteractiveFormatting","onChange","removeAnchorTag","__experimentalGetElementClassName","_default"],"sources":["@wordpress/block-library/src/file/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport {\n\t__unstableGetAnimateClassName as getAnimateClassName,\n\tResizableBox,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { __, _x } from '@wordpress/i18n';\nimport { file as icon } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport FileBlockInspector from './inspector';\nimport { browserSupportsPdfs } from './utils';\nimport removeAnchorTag from '../utils/remove-anchor-tag';\n\nexport const MIN_PREVIEW_HEIGHT = 200;\nexport const MAX_PREVIEW_HEIGHT = 2000;\n\nfunction ClipboardToolbarButton( { text, disabled } ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( text, () => {\n\t\tcreateNotice( 'info', __( 'Copied URL to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-clipboard-toolbar-button\"\n\t\t\tref={ ref }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ __( 'Copy URL' ) }\n\t\t</ToolbarButton>\n\t);\n}\n\nfunction FileEdit( { attributes, isSelected, setAttributes, clientId } ) {\n\tconst {\n\t\tid,\n\t\tfileId,\n\t\tfileName,\n\t\thref,\n\t\ttextLinkHref,\n\t\ttextLinkTarget,\n\t\tshowDownloadButton,\n\t\tdownloadButtonText,\n\t\tdisplayPreview,\n\t\tpreviewHeight,\n\t} = attributes;\n\tconst { media, mediaUpload } = useSelect(\n\t\t( select ) => ( {\n\t\t\tmedia:\n\t\t\t\tid === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: select( coreStore ).getMedia( id ),\n\t\t\tmediaUpload: select( blockEditorStore ).getSettings().mediaUpload,\n\t\t} ),\n\t\t[ id ]\n\t);\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { toggleSelection, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Upload a file drag-and-dropped into the editor.\n\t\tif ( isBlobURL( href ) ) {\n\t\t\tconst file = getBlobByURL( href );\n\n\t\t\tmediaUpload( {\n\t\t\t\tfilesList: [ file ],\n\t\t\t\tonFileChange: ( [ newMedia ] ) => onSelectFile( newMedia ),\n\t\t\t\tonError: onUploadError,\n\t\t\t} );\n\n\t\t\trevokeBlobURL( href );\n\t\t}\n\n\t\tif ( RichText.isEmpty( downloadButtonText ) ) {\n\t\t\tsetAttributes( {\n\t\t\t\tdownloadButtonText: _x( 'Download', 'button label' ),\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! fileId && href ) {\n\t\t\t// Add a unique fileId to each file block.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { fileId: `wp-block-file--media-${ clientId }` } );\n\t\t}\n\t}, [ href, fileId, clientId ] );\n\n\tfunction onSelectFile( newMedia ) {\n\t\tif ( newMedia && newMedia.url ) {\n\t\t\tconst isPdf = newMedia.url.endsWith( '.pdf' );\n\t\t\tsetAttributes( {\n\t\t\t\thref: newMedia.url,\n\t\t\t\tfileName: newMedia.title,\n\t\t\t\ttextLinkHref: newMedia.url,\n\t\t\t\tid: newMedia.id,\n\t\t\t\tdisplayPreview: isPdf ? true : undefined,\n\t\t\t\tpreviewHeight: isPdf ? 600 : undefined,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction onUploadError( message ) {\n\t\tsetAttributes( { href: undefined } );\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\tfunction changeLinkDestinationOption( newHref ) {\n\t\t// Choose Media File or Attachment Page (when file is in Media Library).\n\t\tsetAttributes( { textLinkHref: newHref } );\n\t}\n\n\tfunction changeOpenInNewWindow( newValue ) {\n\t\tsetAttributes( {\n\t\t\ttextLinkTarget: newValue ? '_blank' : false,\n\t\t} );\n\t}\n\n\tfunction changeShowDownloadButton( newValue ) {\n\t\tsetAttributes( { showDownloadButton: newValue } );\n\t}\n\n\tfunction changeDisplayPreview( newValue ) {\n\t\tsetAttributes( { displayPreview: newValue } );\n\t}\n\n\tfunction handleOnResizeStop( event, direction, elt, delta ) {\n\t\ttoggleSelection( true );\n\n\t\tconst newHeight = parseInt( previewHeight + delta.height, 10 );\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tfunction changePreviewHeight( newValue ) {\n\t\tconst newHeight = Math.max(\n\t\t\tparseInt( newValue, 10 ),\n\t\t\tMIN_PREVIEW_HEIGHT\n\t\t);\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tconst attachmentPage = media && media.link;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\tisBlobURL( href ) && getAnimateClassName( { type: 'loading' } ),\n\t\t\t{\n\t\t\t\t'is-transient': isBlobURL( href ),\n\t\t\t}\n\t\t),\n\t} );\n\n\tconst displayPreviewInEditor = browserSupportsPdfs() && displayPreview;\n\n\tif ( ! href ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'File' ),\n\t\t\t\t\t\tinstructions: __(\n\t\t\t\t\t\t\t'Upload a file or pick one from your media library.'\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<FileBlockInspector\n\t\t\t\threfs={ { href, textLinkHref, attachmentPage } }\n\t\t\t\t{ ...{\n\t\t\t\t\topenInNewWindow: !! textLinkTarget,\n\t\t\t\t\tshowDownloadButton,\n\t\t\t\t\tchangeLinkDestinationOption,\n\t\t\t\t\tchangeOpenInNewWindow,\n\t\t\t\t\tchangeShowDownloadButton,\n\t\t\t\t\tdisplayPreview,\n\t\t\t\t\tchangeDisplayPreview,\n\t\t\t\t\tpreviewHeight,\n\t\t\t\t\tchangePreviewHeight,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tmediaURL={ href }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t/>\n\t\t\t\t<ClipboardToolbarButton\n\t\t\t\t\ttext={ href }\n\t\t\t\t\tdisabled={ isBlobURL( href ) }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ displayPreviewInEditor && (\n\t\t\t\t\t<ResizableBox\n\t\t\t\t\t\tsize={ { height: previewHeight } }\n\t\t\t\t\t\tminHeight={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\tmaxHeight={ MAX_PREVIEW_HEIGHT }\n\t\t\t\t\t\tminWidth=\"100%\"\n\t\t\t\t\t\tgrid={ [ 10, 10 ] }\n\t\t\t\t\t\tenable={ {\n\t\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\t\tright: false,\n\t\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonResizeStart={ () => toggleSelection( false ) }\n\t\t\t\t\t\tonResizeStop={ handleOnResizeStop }\n\t\t\t\t\t\tshowHandle={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<object\n\t\t\t\t\t\t\tclassName=\"wp-block-file__preview\"\n\t\t\t\t\t\t\tdata={ href }\n\t\t\t\t\t\t\ttype=\"application/pdf\"\n\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t'Embed of the selected PDF file.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isSelected && (\n\t\t\t\t\t\t\t<div className=\"wp-block-file__preview-overlay\" />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ResizableBox>\n\t\t\t\t) }\n\t\t\t\t<div className={ 'wp-block-file__content-wrapper' }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\t\tvalue={ fileName }\n\t\t\t\t\t\tplaceholder={ __( 'Write file name…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tfileName: removeAnchorTag( text ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thref={ textLinkHref }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showDownloadButton && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t'wp-block-file__button-richtext-wrapper'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ /* Using RichText here instead of PlainText so that it can be styled like a button. */ }\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\ttagName=\"div\" // Must be block-level or else cursor disappears.\n\t\t\t\t\t\t\t\taria-label={ __( 'Download button text' ) }\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'wp-block-file__button',\n\t\t\t\t\t\t\t\t\t__experimentalGetElementClassName(\n\t\t\t\t\t\t\t\t\t\t'button'\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\tvalue={ downloadButtonText }\n\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\tplaceholder={ __( 'Add text…' ) }\n\t\t\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tdownloadButtonText:\n\t\t\t\t\t\t\t\t\t\t\tremoveAnchorTag( text ),\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</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default FileEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blob","_components","_data","_blockEditor","_element","_compose","_i18n","_icons","_coreData","_notices","_inspector","_utils","_removeAnchorTag","MIN_PREVIEW_HEIGHT","exports","MAX_PREVIEW_HEIGHT","ClipboardToolbarButton","text","disabled","createNotice","useDispatch","noticesStore","ref","useCopyToClipboard","__","isDismissible","type","_react","createElement","ToolbarButton","className","FileEdit","attributes","isSelected","setAttributes","clientId","id","fileName","href","textLinkHref","textLinkTarget","showDownloadButton","downloadButtonText","displayPreview","previewHeight","getSettings","useSelect","blockEditorStore","media","select","undefined","coreStore","getMedia","createErrorNotice","toggleSelection","useEffect","isBlobURL","file","getBlobByURL","mediaUpload","filesList","onFileChange","newMedia","onSelectFile","onError","onUploadError","revokeBlobURL","RichText","isEmpty","_x","url","isPdf","endsWith","title","fileId","message","changeLinkDestinationOption","newHref","changeOpenInNewWindow","newValue","changeShowDownloadButton","changeDisplayPreview","handleOnResizeStop","event","direction","elt","delta","newHeight","parseInt","height","changePreviewHeight","Math","max","attachmentPage","link","blockProps","useBlockProps","classnames","getAnimateClassName","displayPreviewInEditor","browserSupportsPdfs","MediaPlaceholder","icon","BlockIcon","labels","instructions","onSelect","accept","Fragment","default","hrefs","openInNewWindow","BlockControls","group","MediaReplaceFlow","mediaId","mediaURL","ResizableBox","size","minHeight","maxHeight","minWidth","grid","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","onResizeStart","onResizeStop","showHandle","data","tagName","value","placeholder","withoutInteractiveFormatting","onChange","removeAnchorTag","__experimentalGetElementClassName","_default"],"sources":["@wordpress/block-library/src/file/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport {\n\t__unstableGetAnimateClassName as getAnimateClassName,\n\tResizableBox,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { __, _x } from '@wordpress/i18n';\nimport { file as icon } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport FileBlockInspector from './inspector';\nimport { browserSupportsPdfs } from './utils';\nimport removeAnchorTag from '../utils/remove-anchor-tag';\n\nexport const MIN_PREVIEW_HEIGHT = 200;\nexport const MAX_PREVIEW_HEIGHT = 2000;\n\nfunction ClipboardToolbarButton( { text, disabled } ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( text, () => {\n\t\tcreateNotice( 'info', __( 'Copied URL to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-clipboard-toolbar-button\"\n\t\t\tref={ ref }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ __( 'Copy URL' ) }\n\t\t</ToolbarButton>\n\t);\n}\n\nfunction FileEdit( { attributes, isSelected, setAttributes, clientId } ) {\n\tconst {\n\t\tid,\n\t\tfileName,\n\t\thref,\n\t\ttextLinkHref,\n\t\ttextLinkTarget,\n\t\tshowDownloadButton,\n\t\tdownloadButtonText,\n\t\tdisplayPreview,\n\t\tpreviewHeight,\n\t} = attributes;\n\tconst { getSettings } = useSelect( blockEditorStore );\n\tconst { media } = useSelect(\n\t\t( select ) => ( {\n\t\t\tmedia:\n\t\t\t\tid === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: select( coreStore ).getMedia( id ),\n\t\t} ),\n\t\t[ id ]\n\t);\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Upload a file drag-and-dropped into the editor.\n\t\tif ( isBlobURL( href ) ) {\n\t\t\tconst file = getBlobByURL( href );\n\n\t\t\tgetSettings().mediaUpload( {\n\t\t\t\tfilesList: [ file ],\n\t\t\t\tonFileChange: ( [ newMedia ] ) => onSelectFile( newMedia ),\n\t\t\t\tonError: onUploadError,\n\t\t\t} );\n\n\t\t\trevokeBlobURL( href );\n\t\t}\n\n\t\tif ( RichText.isEmpty( downloadButtonText ) ) {\n\t\t\tsetAttributes( {\n\t\t\t\tdownloadButtonText: _x( 'Download', 'button label' ),\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tfunction onSelectFile( newMedia ) {\n\t\tif ( ! newMedia || ! newMedia.url ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isPdf = newMedia.url.endsWith( '.pdf' );\n\t\tsetAttributes( {\n\t\t\thref: newMedia.url,\n\t\t\tfileName: newMedia.title,\n\t\t\ttextLinkHref: newMedia.url,\n\t\t\tid: newMedia.id,\n\t\t\tdisplayPreview: isPdf ? true : undefined,\n\t\t\tpreviewHeight: isPdf ? 600 : undefined,\n\t\t\tfileId: `wp-block-file--media-${ clientId }`,\n\t\t} );\n\t}\n\n\tfunction onUploadError( message ) {\n\t\tsetAttributes( { href: undefined } );\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\tfunction changeLinkDestinationOption( newHref ) {\n\t\t// Choose Media File or Attachment Page (when file is in Media Library).\n\t\tsetAttributes( { textLinkHref: newHref } );\n\t}\n\n\tfunction changeOpenInNewWindow( newValue ) {\n\t\tsetAttributes( {\n\t\t\ttextLinkTarget: newValue ? '_blank' : false,\n\t\t} );\n\t}\n\n\tfunction changeShowDownloadButton( newValue ) {\n\t\tsetAttributes( { showDownloadButton: newValue } );\n\t}\n\n\tfunction changeDisplayPreview( newValue ) {\n\t\tsetAttributes( { displayPreview: newValue } );\n\t}\n\n\tfunction handleOnResizeStop( event, direction, elt, delta ) {\n\t\ttoggleSelection( true );\n\n\t\tconst newHeight = parseInt( previewHeight + delta.height, 10 );\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tfunction changePreviewHeight( newValue ) {\n\t\tconst newHeight = Math.max(\n\t\t\tparseInt( newValue, 10 ),\n\t\t\tMIN_PREVIEW_HEIGHT\n\t\t);\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tconst attachmentPage = media && media.link;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\tisBlobURL( href ) && getAnimateClassName( { type: 'loading' } ),\n\t\t\t{\n\t\t\t\t'is-transient': isBlobURL( href ),\n\t\t\t}\n\t\t),\n\t} );\n\n\tconst displayPreviewInEditor = browserSupportsPdfs() && displayPreview;\n\n\tif ( ! href ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'File' ),\n\t\t\t\t\t\tinstructions: __(\n\t\t\t\t\t\t\t'Upload a file or pick one from your media library.'\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<FileBlockInspector\n\t\t\t\threfs={ { href, textLinkHref, attachmentPage } }\n\t\t\t\t{ ...{\n\t\t\t\t\topenInNewWindow: !! textLinkTarget,\n\t\t\t\t\tshowDownloadButton,\n\t\t\t\t\tchangeLinkDestinationOption,\n\t\t\t\t\tchangeOpenInNewWindow,\n\t\t\t\t\tchangeShowDownloadButton,\n\t\t\t\t\tdisplayPreview,\n\t\t\t\t\tchangeDisplayPreview,\n\t\t\t\t\tpreviewHeight,\n\t\t\t\t\tchangePreviewHeight,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tmediaURL={ href }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t/>\n\t\t\t\t<ClipboardToolbarButton\n\t\t\t\t\ttext={ href }\n\t\t\t\t\tdisabled={ isBlobURL( href ) }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ displayPreviewInEditor && (\n\t\t\t\t\t<ResizableBox\n\t\t\t\t\t\tsize={ { height: previewHeight } }\n\t\t\t\t\t\tminHeight={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\tmaxHeight={ MAX_PREVIEW_HEIGHT }\n\t\t\t\t\t\tminWidth=\"100%\"\n\t\t\t\t\t\tgrid={ [ 10, 10 ] }\n\t\t\t\t\t\tenable={ {\n\t\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\t\tright: false,\n\t\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonResizeStart={ () => toggleSelection( false ) }\n\t\t\t\t\t\tonResizeStop={ handleOnResizeStop }\n\t\t\t\t\t\tshowHandle={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<object\n\t\t\t\t\t\t\tclassName=\"wp-block-file__preview\"\n\t\t\t\t\t\t\tdata={ href }\n\t\t\t\t\t\t\ttype=\"application/pdf\"\n\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t'Embed of the selected PDF file.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isSelected && (\n\t\t\t\t\t\t\t<div className=\"wp-block-file__preview-overlay\" />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ResizableBox>\n\t\t\t\t) }\n\t\t\t\t<div className={ 'wp-block-file__content-wrapper' }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\t\tvalue={ fileName }\n\t\t\t\t\t\tplaceholder={ __( 'Write file name…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tfileName: removeAnchorTag( text ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thref={ textLinkHref }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showDownloadButton && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t'wp-block-file__button-richtext-wrapper'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ /* Using RichText here instead of PlainText so that it can be styled like a button. */ }\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\ttagName=\"div\" // Must be block-level or else cursor disappears.\n\t\t\t\t\t\t\t\taria-label={ __( 'Download button text' ) }\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'wp-block-file__button',\n\t\t\t\t\t\t\t\t\t__experimentalGetElementClassName(\n\t\t\t\t\t\t\t\t\t\t'button'\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\tvalue={ downloadButtonText }\n\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\tplaceholder={ __( 'Add text…' ) }\n\t\t\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tdownloadButtonText:\n\t\t\t\t\t\t\t\t\t\t\tremoveAnchorTag( text ),\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</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default FileEdit;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAUA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAKA,IAAAW,UAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,gBAAA,GAAAd,sBAAA,CAAAC,OAAA;AArCA;AACA;AACA;;AAGA;AACA;AACA;;AAyBA;AACA;AACA;;AAKO,MAAMc,kBAAkB,GAAG,GAAG;AAACC,OAAA,CAAAD,kBAAA,GAAAA,kBAAA;AAC/B,MAAME,kBAAkB,GAAG,IAAI;AAACD,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEvC,SAASC,sBAAsBA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACrD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EACpD,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEN,IAAI,EAAE,MAAM;IAC3CE,YAAY,CAAE,MAAM,EAAE,IAAAK,QAAE,EAAE,0BAA2B,CAAC,EAAE;MACvDC,aAAa,EAAE,IAAI;MACnBC,IAAI,EAAE;IACP,CAAE,CAAC;EACJ,CAAE,CAAC;EAEH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA4B,aAAa;IACbC,SAAS,EAAC,qCAAqC;IAC/CR,GAAG,EAAGA,GAAK;IACXJ,QAAQ,EAAGA;EAAU,GAEnB,IAAAM,QAAE,EAAE,UAAW,CACH,CAAC;AAElB;AAEA,SAASO,QAAQA,CAAE;EAAEC,UAAU;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAS,CAAC,EAAG;EACxE,MAAM;IACLC,EAAE;IACFC,QAAQ;IACRC,IAAI;IACJC,YAAY;IACZC,cAAc;IACdC,kBAAkB;IAClBC,kBAAkB;IAClBC,cAAc;IACdC;EACD,CAAC,GAAGZ,UAAU;EACd,MAAM;IAAEa;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAEC,kBAAiB,CAAC;EACrD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAF,eAAS,EACxBG,MAAM,KAAQ;IACfD,KAAK,EACJZ,EAAE,KAAKc,SAAS,GACbA,SAAS,GACTD,MAAM,CAAEE,eAAU,CAAC,CAACC,QAAQ,CAAEhB,EAAG;EACtC,CAAC,CAAE,EACH,CAAEA,EAAE,CACL,CAAC;EAED,MAAM;IAAEiB;EAAkB,CAAC,GAAG,IAAAjC,iBAAW,EAAEC,cAAa,CAAC;EACzD,MAAM;IAAEiC;EAAgB,CAAC,GAAG,IAAAlC,iBAAW,EAAE2B,kBAAiB,CAAC;EAE3D,IAAAQ,kBAAS,EAAE,MAAM;IAChB;IACA,IAAK,IAAAC,eAAS,EAAElB,IAAK,CAAC,EAAG;MACxB,MAAMmB,IAAI,GAAG,IAAAC,kBAAY,EAAEpB,IAAK,CAAC;MAEjCO,WAAW,CAAC,CAAC,CAACc,WAAW,CAAE;QAC1BC,SAAS,EAAE,CAAEH,IAAI,CAAE;QACnBI,YAAY,EAAEA,CAAE,CAAEC,QAAQ,CAAE,KAAMC,YAAY,CAAED,QAAS,CAAC;QAC1DE,OAAO,EAAEC;MACV,CAAE,CAAC;MAEH,IAAAC,mBAAa,EAAE5B,IAAK,CAAC;IACtB;IAEA,IAAK6B,qBAAQ,CAACC,OAAO,CAAE1B,kBAAmB,CAAC,EAAG;MAC7CR,aAAa,CAAE;QACdQ,kBAAkB,EAAE,IAAA2B,QAAE,EAAE,UAAU,EAAE,cAAe;MACpD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,SAASN,YAAYA,CAAED,QAAQ,EAAG;IACjC,IAAK,CAAEA,QAAQ,IAAI,CAAEA,QAAQ,CAACQ,GAAG,EAAG;MACnC;IACD;IAEA,MAAMC,KAAK,GAAGT,QAAQ,CAACQ,GAAG,CAACE,QAAQ,CAAE,MAAO,CAAC;IAC7CtC,aAAa,CAAE;MACdI,IAAI,EAAEwB,QAAQ,CAACQ,GAAG;MAClBjC,QAAQ,EAAEyB,QAAQ,CAACW,KAAK;MACxBlC,YAAY,EAAEuB,QAAQ,CAACQ,GAAG;MAC1BlC,EAAE,EAAE0B,QAAQ,CAAC1B,EAAE;MACfO,cAAc,EAAE4B,KAAK,GAAG,IAAI,GAAGrB,SAAS;MACxCN,aAAa,EAAE2B,KAAK,GAAG,GAAG,GAAGrB,SAAS;MACtCwB,MAAM,EAAG,wBAAwBvC,QAAU;IAC5C,CAAE,CAAC;EACJ;EAEA,SAAS8B,aAAaA,CAAEU,OAAO,EAAG;IACjCzC,aAAa,CAAE;MAAEI,IAAI,EAAEY;IAAU,CAAE,CAAC;IACpCG,iBAAiB,CAAEsB,OAAO,EAAE;MAAEjD,IAAI,EAAE;IAAW,CAAE,CAAC;EACnD;EAEA,SAASkD,2BAA2BA,CAAEC,OAAO,EAAG;IAC/C;IACA3C,aAAa,CAAE;MAAEK,YAAY,EAAEsC;IAAQ,CAAE,CAAC;EAC3C;EAEA,SAASC,qBAAqBA,CAAEC,QAAQ,EAAG;IAC1C7C,aAAa,CAAE;MACdM,cAAc,EAAEuC,QAAQ,GAAG,QAAQ,GAAG;IACvC,CAAE,CAAC;EACJ;EAEA,SAASC,wBAAwBA,CAAED,QAAQ,EAAG;IAC7C7C,aAAa,CAAE;MAAEO,kBAAkB,EAAEsC;IAAS,CAAE,CAAC;EAClD;EAEA,SAASE,oBAAoBA,CAAEF,QAAQ,EAAG;IACzC7C,aAAa,CAAE;MAAES,cAAc,EAAEoC;IAAS,CAAE,CAAC;EAC9C;EAEA,SAASG,kBAAkBA,CAAEC,KAAK,EAAEC,SAAS,EAAEC,GAAG,EAAEC,KAAK,EAAG;IAC3DhC,eAAe,CAAE,IAAK,CAAC;IAEvB,MAAMiC,SAAS,GAAGC,QAAQ,CAAE5C,aAAa,GAAG0C,KAAK,CAACG,MAAM,EAAE,EAAG,CAAC;IAC9DvD,aAAa,CAAE;MAAEU,aAAa,EAAE2C;IAAU,CAAE,CAAC;EAC9C;EAEA,SAASG,mBAAmBA,CAAEX,QAAQ,EAAG;IACxC,MAAMQ,SAAS,GAAGI,IAAI,CAACC,GAAG,CACzBJ,QAAQ,CAAET,QAAQ,EAAE,EAAG,CAAC,EACxBlE,kBACD,CAAC;IACDqB,aAAa,CAAE;MAAEU,aAAa,EAAE2C;IAAU,CAAE,CAAC;EAC9C;EAEA,MAAMM,cAAc,GAAG7C,KAAK,IAAIA,KAAK,CAAC8C,IAAI;EAE1C,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjClE,SAAS,EAAE,IAAAmE,mBAAU,EACpB,IAAAzC,eAAS,EAAElB,IAAK,CAAC,IAAI,IAAA4D,yCAAmB,EAAE;MAAExE,IAAI,EAAE;IAAU,CAAE,CAAC,EAC/D;MACC,cAAc,EAAE,IAAA8B,eAAS,EAAElB,IAAK;IACjC,CACD;EACD,CAAE,CAAC;EAEH,MAAM6D,sBAAsB,GAAG,IAAAC,0BAAmB,EAAC,CAAC,IAAIzD,cAAc;EAEtE,IAAK,CAAEL,IAAI,EAAG;IACb,OACC,IAAAX,MAAA,CAAAC,aAAA;MAAA,GAAUmE;IAAU,GACnB,IAAApE,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAAkG,gBAAgB;MAChBC,IAAI,EAAG,IAAA3E,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAAoG,SAAS;QAACD,IAAI,EAAGA;MAAM,CAAE,CAAG;MACpCE,MAAM,EAAG;QACR/B,KAAK,EAAE,IAAAjD,QAAE,EAAE,MAAO,CAAC;QACnBiF,YAAY,EAAE,IAAAjF,QAAE,EACf,oDACD;MACD,CAAG;MACHkF,QAAQ,EAAG3C,YAAc;MACzBC,OAAO,EAAGC,aAAe;MACzB0C,MAAM,EAAC;IAAG,CACV,CACG,CAAC;EAER;EAEA,OACC,IAAAhF,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAiF,QAAA,QACC,IAAAjF,MAAA,CAAAC,aAAA,EAAClB,UAAA,CAAAmG,OAAkB;IAClBC,KAAK,EAAG;MAAExE,IAAI;MAAEC,YAAY;MAAEsD;IAAe,CAAG;IAE/CkB,eAAe,EAAE,CAAC,CAAEvE,cAAc;IAClCC,kBAAkB;IAClBmC,2BAA2B;IAC3BE,qBAAqB;IACrBE,wBAAwB;IACxBrC,cAAc;IACdsC,oBAAoB;IACpBrC,aAAa;IACb8C;EAAmB,CAEpB,CAAC,EACF,IAAA/D,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAA6G,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAtF,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAA+G,gBAAgB;IAChBC,OAAO,EAAG/E,EAAI;IACdgF,QAAQ,EAAG9E,IAAM;IACjBqE,MAAM,EAAC,GAAG;IACVD,QAAQ,EAAG3C,YAAc;IACzBC,OAAO,EAAGC;EAAe,CACzB,CAAC,EACF,IAAAtC,MAAA,CAAAC,aAAA,EAACZ,sBAAsB;IACtBC,IAAI,EAAGqB,IAAM;IACbpB,QAAQ,EAAG,IAAAsC,eAAS,EAAElB,IAAK;EAAG,CAC9B,CACa,CAAC,EAChB,IAAAX,MAAA,CAAAC,aAAA;IAAA,GAAUmE;EAAU,GACjBI,sBAAsB,IACvB,IAAAxE,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAoH,YAAY;IACZC,IAAI,EAAG;MAAE7B,MAAM,EAAE7C;IAAc,CAAG;IAClC2E,SAAS,EAAG1G,kBAAoB;IAChC2G,SAAS,EAAGzG,kBAAoB;IAChC0G,QAAQ,EAAC,MAAM;IACfC,IAAI,EAAG,CAAE,EAAE,EAAE,EAAE,CAAI;IACnBC,MAAM,EAAG;MACRC,GAAG,EAAE,KAAK;MACVC,KAAK,EAAE,KAAK;MACZC,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE,KAAK;MACXC,QAAQ,EAAE,KAAK;MACfC,WAAW,EAAE,KAAK;MAClBC,UAAU,EAAE,KAAK;MACjBC,OAAO,EAAE;IACV,CAAG;IACHC,aAAa,EAAGA,CAAA,KAAM9E,eAAe,CAAE,KAAM,CAAG;IAChD+E,YAAY,EAAGnD,kBAAoB;IACnCoD,UAAU,EAAGrG;EAAY,GAEzB,IAAAN,MAAA,CAAAC,aAAA;IACCE,SAAS,EAAC,wBAAwB;IAClCyG,IAAI,EAAGjG,IAAM;IACbZ,IAAI,EAAC,iBAAiB;IACtB,cAAa,IAAAF,QAAE,EACd,iCACD;EAAG,CACH,CAAC,EACA,CAAES,UAAU,IACb,IAAAN,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAgC,CAAE,CAErC,CACd,EACD,IAAAH,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAG;EAAkC,GAClD,IAAAH,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAAgE,QAAQ;IACRqE,OAAO,EAAC,GAAG;IACXC,KAAK,EAAGpG,QAAU;IAClBqG,WAAW,EAAG,IAAAlH,QAAE,EAAE,kBAAmB,CAAG;IACxCmH,4BAA4B;IAC5BC,QAAQ,EAAK3H,IAAI,IAChBiB,aAAa,CAAE;MACdG,QAAQ,EAAE,IAAAwG,wBAAe,EAAE5H,IAAK;IACjC,CAAE,CACF;IACDqB,IAAI,EAAGC;EAAc,CACrB,CAAC,EACAE,kBAAkB,IACnB,IAAAd,MAAA,CAAAC,aAAA;IACCE,SAAS,EACR;EACA,GAGD,IAAAH,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAAgE,QAAQ;IACRqE,OAAO,EAAC,KAAK,CAAC;IAAA;IACd,cAAa,IAAAhH,QAAE,EAAE,sBAAuB,CAAG;IAC3CM,SAAS,EAAG,IAAAmE,mBAAU,EACrB,uBAAuB,EACvB,IAAA6C,8CAAiC,EAChC,QACD,CACD,CAAG;IACHL,KAAK,EAAG/F,kBAAoB;IAC5BiG,4BAA4B;IAC5BD,WAAW,EAAG,IAAAlH,QAAE,EAAE,WAAY,CAAG;IACjCoH,QAAQ,EAAK3H,IAAI,IAChBiB,aAAa,CAAE;MACdQ,kBAAkB,EACjB,IAAAmG,wBAAe,EAAE5H,IAAK;IACxB,CAAE;EACF,CACD,CACG,CAEF,CACD,CACJ,CAAC;AAEL;AAAC,IAAA8H,QAAA,GAEchH,QAAQ;AAAAjB,OAAA,CAAA+F,OAAA,GAAAkC,QAAA"}

package/build/gallery/edit.js

@@ -57,6 +57,7 @@ const PLACEHOLDER_TEXT = _element.Platform.isNative ? (0, _i18n.__)('Add media')
 const MOBILE_CONTROL_PROPS_RANGE_CONTROL = _element.Platform.isNative ? {
   type: 'stepper'
 } : {};
+const EMPTY_ARRAY = [];
 function GalleryEdit(props) {
   const {
     setAttributes,
@@ -71,6 +72,7 @@ function GalleryEdit(props) {
   const {
     columns,
     imageCrop,
+    randomOrder,
     linkTarget,
     linkTo,
     sizeSlug
@@ -88,23 +90,29 @@ function GalleryEdit(props) {
   const {
     getBlock,
     getSettings,
-    preferredStyle
+    preferredStyle,
+    innerBlockImages,
+    blockWasJustInserted,
+    multiGallerySelection
   } = (0, _data.useSelect)(select => {
-    const settings = select(_blockEditor.store).getSettings();
-    const preferredStyleVariations = settings.__experimentalPreferredStyleVariations;
+    var _getBlock$innerBlocks;
+    const {
+      getBlockName,
+      getMultiSelectedBlockClientIds,
+      getSettings: _getSettings,
+      getBlock: _getBlock,
+      wasBlockJustInserted
+    } = select(_blockEditor.store);
+    const preferredStyleVariations = _getSettings().__experimentalPreferredStyleVariations;
+    const multiSelectedClientIds = getMultiSelectedBlockClientIds();
     return {
-      getBlock: select(_blockEditor.store).getBlock,
-      getSettings: select(_blockEditor.store).getSettings,
-      preferredStyle: preferredStyleVariations?.value?.['core/image']
+      getBlock: _getBlock,
+      getSettings: _getSettings,
+      preferredStyle: preferredStyleVariations?.value?.['core/image'],
+      innerBlockImages: (_getBlock$innerBlocks = _getBlock(clientId)?.innerBlocks) !== null && _getBlock$innerBlocks !== void 0 ? _getBlock$innerBlocks : EMPTY_ARRAY,
+      blockWasJustInserted: wasBlockJustInserted(clientId, 'inserter_menu'),
+      multiGallerySelection: multiSelectedClientIds.length && multiSelectedClientIds.every(_clientId => getBlockName(_clientId) === 'core/gallery')
     };
-  }, []);
-  const innerBlockImages = (0, _data.useSelect)(select => {
-    var _select$getBlock$inne;
-    const innerBlocks = (_select$getBlock$inne = select(_blockEditor.store).getBlock(clientId)?.innerBlocks) !== null && _select$getBlock$inne !== void 0 ? _select$getBlock$inne : [];
-    return innerBlocks;
-  }, [clientId]);
-  const wasBlockJustInserted = (0, _data.useSelect)(select => {
-    return select(_blockEditor.store).wasBlockJustInserted(clientId, 'inserter_menu');
   }, [clientId]);
   const images = (0, _element.useMemo)(() => innerBlockImages?.map(block => ({
     clientId: block.clientId,
@@ -264,6 +272,11 @@ function GalleryEdit(props) {
   function getImageCropHelp(checked) {
     return checked ? (0, _i18n.__)('Thumbnails are cropped to align.') : (0, _i18n.__)('Thumbnails are not cropped.');
   }
+  function toggleRandomOrder() {
+    setAttributes({
+      randomOrder: !randomOrder
+    });
+  }
   function toggleOpenInNewTab(openInNewTab) {
     const newLinkTarget = openInNewTab ? '_blank' : undefined;
     setAttributes({
@@ -328,7 +341,7 @@ function GalleryEdit(props) {
       isAppender: hasImages,
       disableMediaButtons: hasImages && !isSelected || imagesUploading,
       value: hasImageIds ? images : {},
-      autoOpenMediaUpload: !hasImages && isSelected && wasBlockJustInserted,
+      autoOpenMediaUpload: !hasImages && isSelected && blockWasJustInserted,
       onFocus
     }
   });
@@ -383,6 +396,11 @@ function GalleryEdit(props) {
     checked: !!imageCrop,
     onChange: toggleImageCrop,
     help: getImageCropHelp
+  }), (0, _react.createElement)(_components.ToggleControl, {
+    __nextHasNoMarginBottom: true,
+    label: (0, _i18n.__)('Random order'),
+    checked: !!randomOrder,
+    onChange: toggleRandomOrder
   }), (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Link to'),
@@ -409,7 +427,7 @@ function GalleryEdit(props) {
     className: 'gallery-image-sizes'
   }, (0, _react.createElement)(_components.BaseControl.VisualLabel, null, (0, _i18n.__)('Resolution')), (0, _react.createElement)(_primitives.View, {
     className: 'gallery-image-sizes__loading'
-  }, (0, _react.createElement)(_components.Spinner, null), (0, _i18n.__)('Loading options…'))))), _element.Platform.isWeb && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, {
+  }, (0, _react.createElement)(_components.Spinner, null), (0, _i18n.__)('Loading options…'))))), _element.Platform.isWeb && (0, _react.createElement)(_react.Fragment, null, !multiGallerySelection && (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
   }, (0, _react.createElement)(_blockEditor.MediaReplaceFlow, {
     allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -429,7 +447,8 @@ function GalleryEdit(props) {
     images: images,
     mediaPlaceholder: !hasImages || _element.Platform.isNative ? mediaPlaceholder : undefined,
     blockProps: innerBlocksProps,
-    insertBlocksAfter: insertBlocksAfter
+    insertBlocksAfter: insertBlocksAfter,
+    multiGallerySelection: multiGallerySelection
   }));
 }
 var _default = (0, _compose.compose)([(0, _viewport.withViewportMatch)({