@wordpress/block-library 8.34.0 → 9.0.0

package/build-module/media-text/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","useSelect","useState","useRef","BlockControls","BlockVerticalAlignmentControl","useInnerBlocksProps","InspectorControls","useBlockProps","__experimentalImageURLInputUI","ImageURLInputUI","__experimentalImageSizeControl","ImageSizeControl","store","blockEditorStore","useBlockEditingMode","PanelBody","RangeControl","TextareaControl","ToggleControl","ToolbarButton","ExternalLink","FocalPointPicker","isBlobURL","getBlobTypeByURL","pullLeft","pullRight","useEntityProp","coreStore","MediaContainer","DEFAULT_MEDIA_SIZE_SLUG","WIDTH_CONSTRAINT_PERCENTAGE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","TEMPLATE","applyWidthConstraints","width","Math","max","min","getImageSourceUrlBySizeSlug","image","slug","media_details","sizes","source_url","attributesFromMedia","attributes","linkDestination","href","setAttributes","media","url","mediaAlt","undefined","mediaId","mediaType","mediaUrl","mediaLink","focalPoint","type","src","media_type","large","newHref","link","alt","id","MediaTextEdit","isSelected","context","postId","postType","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","useFeaturedImage","mediaSizeSlug","featuredImage","featuredImageMedia","select","getMedia","featuredImageURL","featuredImageAlt","alt_text","toggleUseFeaturedImage","imageSizes","getSettings","refMediaContainer","imperativeFocalPointPreview","value","style","current","resizable","x","y","backgroundPosition","temporaryMediaWidth","setTemporaryMediaWidth","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","mediaTextGeneralSettings","createElement","title","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","checked","onDragStart","onDrag","help","Fragment","onChangeImage","isResizable","imageSizeHelp","blockProps","className","innerBlocksProps","template","blockEditingMode","group","icon","isActive","onClick","onChangeUrl","ref","enableResize"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentControl,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\t__experimentalImageSizeControl as ImageSizeControl,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport MediaContainer from './media-container';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tWIDTH_CONSTRAINT_PERCENTAGE,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_ATTACHMENT,\n\tTEMPLATE,\n} from './constants';\n\n// this limits the resize to a safe zone to avoid making broken layouts\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nfunction getImageSourceUrlBySizeSlug( image, slug ) {\n\t// eslint-disable-next-line camelcase\n\treturn image?.media_details?.sizes?.[ slug ]?.source_url;\n}\n\nfunction attributesFromMedia( {\n\tattributes: { linkDestination, href },\n\tsetAttributes,\n} ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\tmediaAlt: undefined,\n\t\t\t\tmediaId: undefined,\n\t\t\t\tmediaType: undefined,\n\t\t\t\tmediaUrl: undefined,\n\t\t\t\tmediaLink: undefined,\n\t\t\t\thref: undefined,\n\t\t\t\tfocalPoint: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes?.large?.url ||\n\t\t\t\t// eslint-disable-next-line camelcase\n\t\t\t\tmedia.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tlet newHref = href;\n\t\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.url;\n\t\t}\n\n\t\t// Check if the image is linked to the attachment page.\n\t\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.link;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\tmediaLink: media.link || undefined,\n\t\t\thref: newHref,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t};\n}\n\nfunction MediaTextEdit( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tfocalPoint,\n\t\thref,\n\t\timageFill,\n\t\tisStackedOnMobile,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\tlinkTarget,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\trel,\n\t\tverticalAlignment,\n\t\tallowedBlocks,\n\t\tuseFeaturedImage,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst featuredImageMedia = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\n\tconst featuredImageURL = useFeaturedImage\n\t\t? featuredImageMedia?.source_url\n\t\t: '';\n\tconst featuredImageAlt = useFeaturedImage\n\t\t? featuredImageMedia?.alt_text\n\t\t: '';\n\n\tconst toggleUseFeaturedImage = () => {\n\t\tsetAttributes( {\n\t\t\timageFill: false,\n\t\t\tmediaType: 'image',\n\t\t\tmediaId: undefined,\n\t\t\tmediaUrl: undefined,\n\t\t\tmediaAlt: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t} );\n\t};\n\n\tconst { imageSizes, image } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tmediaId && isSelected\n\t\t\t\t\t\t? select( coreStore ).getMedia( mediaId, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: null,\n\t\t\t\timageSizes: getSettings()?.imageSizes,\n\t\t\t};\n\t\t},\n\t\t[ isSelected, mediaId ]\n\t);\n\n\tconst refMediaContainer = useRef();\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst { style } = refMediaContainer.current.resizable;\n\t\tconst { x, y } = value;\n\t\tstyle.backgroundPosition = `${ x * 100 }% ${ y * 100 }%`;\n\t};\n\n\tconst [ temporaryMediaWidth, setTemporaryMediaWidth ] = useState( null );\n\n\tconst onSelectMedia = attributesFromMedia( { attributes, setAttributes } );\n\n\tconst onSetHref = ( props ) => {\n\t\tsetAttributes( props );\n\t};\n\n\tconst onWidthChange = ( width ) => {\n\t\tsetTemporaryMediaWidth( applyWidthConstraints( width ) );\n\t};\n\tconst commitWidthChange = ( width ) => {\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tsetTemporaryMediaWidth( null );\n\t};\n\n\tconst classNames = classnames( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-selected': isSelected,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill': imageFill,\n\t} );\n\tconst widthString = `${ temporaryMediaWidth || mediaWidth }%`;\n\tconst gridTemplateColumns =\n\t\t'right' === mediaPosition\n\t\t\t? `1fr ${ widthString }`\n\t\t\t: `${ widthString } 1fr`;\n\tconst style = {\n\t\tgridTemplateColumns,\n\t\tmsGridColumns: gridTemplateColumns,\n\t};\n\tconst onMediaAltChange = ( newMediaAlt ) => {\n\t\tsetAttributes( { mediaAlt: newMediaAlt } );\n\t};\n\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => getImageSourceUrlBySizeSlug( image, slug ) )\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst updateImage = ( newMediaSizeSlug ) => {\n\t\tconst newUrl = getImageSourceUrlBySizeSlug( image, newMediaSizeSlug );\n\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl: newUrl,\n\t\t\tmediaSizeSlug: newMediaSizeSlug,\n\t\t} );\n\t};\n\n\tconst mediaTextGeneralSettings = (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<RangeControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\turl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<TextareaControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t{ __( 'Describe the purpose of the image.' ) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ImageSizeControl\n\t\t\t\t\tonChangeImage={ updateImage }\n\t\t\t\t\tslug={ mediaSizeSlug }\n\t\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t\t\tisResizable={ false }\n\t\t\t\t\timageSizeHelp={ __(\n\t\t\t\t\t\t'Select the size of the source image.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: image && image.source_url\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ mediaPosition === 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonWidthChange={ onWidthChange }\n\t\t\t\t\tcommitWidthChange={ commitWidthChange }\n\t\t\t\t\tref={ refMediaContainer }\n\t\t\t\t\tenableResize={ blockEditingMode === 'default' }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tfocalPoint,\n\t\t\t\t\t\timageFill,\n\t\t\t\t\t\tisSelected,\n\t\t\t\t\t\tisStackedOnMobile,\n\t\t\t\t\t\tmediaAlt,\n\t\t\t\t\t\tmediaId,\n\t\t\t\t\t\tmediaPosition,\n\t\t\t\t\t\tmediaType,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t\tmediaWidth,\n\t\t\t\t\t\tuseFeaturedImage,\n\t\t\t\t\t\tfeaturedImageURL,\n\t\t\t\t\t\tfeaturedImageAlt,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ mediaPosition !== 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default MediaTextEdit;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,QAAQ,EAAEC,MAAM,QAAQ,oBAAoB;AACrD,SACCC,aAAa,EACbC,6BAA6B,EAC7BC,mBAAmB,EACnBC,iBAAiB,EACjBC,aAAa,EACbC,6BAA6B,IAAIC,eAAe,EAChDC,8BAA8B,IAAIC,gBAAgB,EAClDC,KAAK,IAAIC,gBAAgB,EACzBC,mBAAmB,QACb,yBAAyB;AAChC,SACCC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,aAAa,EACbC,YAAY,EACZC,gBAAgB,QACV,uBAAuB;AAC9B,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,iBAAiB;AAC7D,SAASC,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,aAAa,EAAEd,KAAK,IAAIe,SAAS,QAAQ,sBAAsB;;AAExE;AACA;AACA;AACA,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,SACCC,uBAAuB,EACvBC,2BAA2B,EAC3BC,sBAAsB,EACtBC,2BAA2B,EAC3BC,QAAQ,QACF,aAAa;;AAEpB;AACA,MAAMC,qBAAqB,GAAKC,KAAK,IACpCC,IAAI,CAACC,GAAG,CACPP,2BAA2B,EAC3BM,IAAI,CAACE,GAAG,CAAEH,KAAK,EAAE,GAAG,GAAGL,2BAA4B,CACpD,CAAC;AAEF,SAASS,2BAA2BA,CAAEC,KAAK,EAAEC,IAAI,EAAG;EACnD;EACA,OAAOD,KAAK,EAAEE,aAAa,EAAEC,KAAK,GAAIF,IAAI,CAAE,EAAEG,UAAU;AACzD;AAEA,SAASC,mBAAmBA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,eAAe;IAAEC;EAAK,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,OAASC,KAAK,IAAM;IACnB,IAAK,CAAEA,KAAK,IAAI,CAAEA,KAAK,CAACC,GAAG,EAAG;MAC7BF,aAAa,CAAE;QACdG,QAAQ,EAAEC,SAAS;QACnBC,OAAO,EAAED,SAAS;QAClBE,SAAS,EAAEF,SAAS;QACpBG,QAAQ,EAAEH,SAAS;QACnBI,SAAS,EAAEJ,SAAS;QACpBL,IAAI,EAAEK,SAAS;QACfK,UAAU,EAAEL;MACb,CAAE,CAAC;MACH;IACD;IAEA,IAAK/B,SAAS,CAAE4B,KAAK,CAACC,GAAI,CAAC,EAAG;MAC7BD,KAAK,CAACS,IAAI,GAAGpC,gBAAgB,CAAE2B,KAAK,CAACC,GAAI,CAAC;IAC3C;IAEA,IAAII,SAAS;IACb,IAAIK,GAAG;IACP;IACA,IAAKV,KAAK,CAACW,UAAU,EAAG;MACvB,IAAKX,KAAK,CAACW,UAAU,KAAK,OAAO,EAAG;QACnCN,SAAS,GAAG,OAAO;MACpB,CAAC,MAAM;QACN;QACA;QACAA,SAAS,GAAG,OAAO;MACpB;IACD,CAAC,MAAM;MACN;MACAA,SAAS,GAAGL,KAAK,CAACS,IAAI;IACvB;IAEA,IAAKJ,SAAS,KAAK,OAAO,EAAG;MAC5B;MACAK,GAAG,GACFV,KAAK,CAACP,KAAK,EAAEmB,KAAK,EAAEX,GAAG;MACvB;MACAD,KAAK,CAACR,aAAa,EAAEC,KAAK,EAAEmB,KAAK,EAAElB,UAAU;IAC/C;IAEA,IAAImB,OAAO,GAAGf,IAAI;IAClB,IAAKD,eAAe,KAAKhB,sBAAsB,EAAG;MACjD;MACAgC,OAAO,GAAGb,KAAK,CAACC,GAAG;IACpB;;IAEA;IACA,IAAKJ,eAAe,KAAKf,2BAA2B,EAAG;MACtD;MACA+B,OAAO,GAAGb,KAAK,CAACc,IAAI;IACrB;IAEAf,aAAa,CAAE;MACdG,QAAQ,EAAEF,KAAK,CAACe,GAAG;MACnBX,OAAO,EAAEJ,KAAK,CAACgB,EAAE;MACjBX,SAAS;MACTC,QAAQ,EAAEI,GAAG,IAAIV,KAAK,CAACC,GAAG;MAC1BM,SAAS,EAAEP,KAAK,CAACc,IAAI,IAAIX,SAAS;MAClCL,IAAI,EAAEe,OAAO;MACbL,UAAU,EAAEL;IACb,CAAE,CAAC;EACJ,CAAC;AACF;AAEA,SAASc,aAAaA,CAAE;EACvBrB,UAAU;EACVsB,UAAU;EACVnB,aAAa;EACboB,OAAO,EAAE;IAAEC,MAAM;IAAEC;EAAS;AAC7B,CAAC,EAAG;EACH,MAAM;IACLb,UAAU;IACVV,IAAI;IACJwB,SAAS;IACTC,iBAAiB;IACjBC,SAAS;IACT3B,eAAe;IACf4B,UAAU;IACVvB,QAAQ;IACRE,OAAO;IACPsB,aAAa;IACbrB,SAAS;IACTC,QAAQ;IACRqB,UAAU;IACVC,GAAG;IACHC,iBAAiB;IACjBC,aAAa;IACbC;EACD,CAAC,GAAGnC,UAAU;EACd,MAAMoC,aAAa,GAAGpC,UAAU,CAACoC,aAAa,IAAIrD,uBAAuB;EAEzE,MAAM,CAAEsD,aAAa,CAAE,GAAGzD,aAAa,CACtC,UAAU,EACV6C,QAAQ,EACR,gBAAgB,EAChBD,MACD,CAAC;EAED,MAAMc,kBAAkB,GAAGpF,SAAS,CACjCqF,MAAM,IACPF,aAAa,IACbE,MAAM,CAAE1D,SAAU,CAAC,CAAC2D,QAAQ,CAAEH,aAAa,EAAE;IAAEd,OAAO,EAAE;EAAO,CAAE,CAAC,EACnE,CAAEc,aAAa,CAChB,CAAC;EAED,MAAMI,gBAAgB,GAAGN,gBAAgB,GACtCG,kBAAkB,EAAExC,UAAU,GAC9B,EAAE;EACL,MAAM4C,gBAAgB,GAAGP,gBAAgB,GACtCG,kBAAkB,EAAEK,QAAQ,GAC5B,EAAE;EAEL,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpCzC,aAAa,CAAE;MACduB,SAAS,EAAE,KAAK;MAChBjB,SAAS,EAAE,OAAO;MAClBD,OAAO,EAAED,SAAS;MAClBG,QAAQ,EAAEH,SAAS;MACnBD,QAAQ,EAAEC,SAAS;MACnB4B,gBAAgB,EAAE,CAAEA;IACrB,CAAE,CAAC;EACJ,CAAC;EAED,MAAM;IAAEU,UAAU;IAAEnD;EAAM,CAAC,GAAGxC,SAAS,CACpCqF,MAAM,IAAM;IACb,MAAM;MAAEO;IAAY,CAAC,GAAGP,MAAM,CAAExE,gBAAiB,CAAC;IAClD,OAAO;MACN2B,KAAK,EACJc,OAAO,IAAIc,UAAU,GAClBiB,MAAM,CAAE1D,SAAU,CAAC,CAAC2D,QAAQ,CAAEhC,OAAO,EAAE;QACvCe,OAAO,EAAE;MACT,CAAE,CAAC,GACH,IAAI;MACRsB,UAAU,EAAEC,WAAW,CAAC,CAAC,EAAED;IAC5B,CAAC;EACF,CAAC,EACD,CAAEvB,UAAU,EAAEd,OAAO,CACtB,CAAC;EAED,MAAMuC,iBAAiB,GAAG3F,MAAM,CAAC,CAAC;EAClC,MAAM4F,2BAA2B,GAAKC,KAAK,IAAM;IAChD,MAAM;MAAEC;IAAM,CAAC,GAAGH,iBAAiB,CAACI,OAAO,CAACC,SAAS;IACrD,MAAM;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAGL,KAAK;IACtBC,KAAK,CAACK,kBAAkB,GAAI,GAAGF,CAAC,GAAG,GAAK,KAAKC,CAAC,GAAG,GAAK,GAAE;EACzD,CAAC;EAED,MAAM,CAAEE,mBAAmB,EAAEC,sBAAsB,CAAE,GAAGtG,QAAQ,CAAE,IAAK,CAAC;EAExE,MAAMuG,aAAa,GAAG3D,mBAAmB,CAAE;IAAEC,UAAU;IAAEG;EAAc,CAAE,CAAC;EAE1E,MAAMwD,SAAS,GAAKC,KAAK,IAAM;IAC9BzD,aAAa,CAAEyD,KAAM,CAAC;EACvB,CAAC;EAED,MAAMC,aAAa,GAAKxE,KAAK,IAAM;IAClCoE,sBAAsB,CAAErE,qBAAqB,CAAEC,KAAM,CAAE,CAAC;EACzD,CAAC;EACD,MAAMyE,iBAAiB,GAAKzE,KAAK,IAAM;IACtCc,aAAa,CAAE;MACd4B,UAAU,EAAE3C,qBAAqB,CAAEC,KAAM;IAC1C,CAAE,CAAC;IACHoE,sBAAsB,CAAE,IAAK,CAAC;EAC/B,CAAC;EAED,MAAMM,UAAU,GAAG/G,UAAU,CAAE;IAC9B,wBAAwB,EAAE,OAAO,KAAK8E,aAAa;IACnD,aAAa,EAAER,UAAU;IACzB,sBAAsB,EAAEK,iBAAiB;IACzC,CAAG,yBAAyBM,iBAAmB,EAAC,GAAIA,iBAAiB;IACrE,eAAe,EAAEP;EAClB,CAAE,CAAC;EACH,MAAMsC,WAAW,GAAI,GAAGR,mBAAmB,IAAIzB,UAAY,GAAE;EAC7D,MAAMkC,mBAAmB,GACxB,OAAO,KAAKnC,aAAa,GACrB,OAAOkC,WAAa,EAAC,GACrB,GAAGA,WAAa,MAAK;EAC1B,MAAMd,KAAK,GAAG;IACbe,mBAAmB;IACnBC,aAAa,EAAED;EAChB,CAAC;EACD,MAAME,gBAAgB,GAAKC,WAAW,IAAM;IAC3CjE,aAAa,CAAE;MAAEG,QAAQ,EAAE8D;IAAY,CAAE,CAAC;EAC3C,CAAC;EACD,MAAMC,yBAAyB,GAAKC,SAAS,IAAM;IAClDnE,aAAa,CAAE;MAAE8B,iBAAiB,EAAEqC;IAAU,CAAE,CAAC;EAClD,CAAC;EAED,MAAMC,gBAAgB,GAAG1B,UAAU,CACjC2B,MAAM,CAAE,CAAE;IAAE7E;EAAK,CAAC,KAAMF,2BAA2B,CAAEC,KAAK,EAAEC,IAAK,CAAE,CAAC,CACpE8E,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAE/E;EAAK,CAAC,MAAQ;IAAEsD,KAAK,EAAEtD,IAAI;IAAEgF,KAAK,EAAED;EAAK,CAAC,CAAG,CAAC;EAC/D,MAAME,WAAW,GAAKC,gBAAgB,IAAM;IAC3C,MAAMC,MAAM,GAAGrF,2BAA2B,CAAEC,KAAK,EAAEmF,gBAAiB,CAAC;IAErE,IAAK,CAAEC,MAAM,EAAG;MACf,OAAO,IAAI;IACZ;IAEA3E,aAAa,CAAE;MACdO,QAAQ,EAAEoE,MAAM;MAChB1C,aAAa,EAAEyC;IAChB,CAAE,CAAC;EACJ,CAAC;EAED,MAAME,wBAAwB,GAC7BC,aAAA,CAAC/G,SAAS;IAACgH,KAAK,EAAGhI,EAAE,CAAE,UAAW;EAAG,GACpC+H,aAAA,CAAC9G,YAAY;IACZgH,uBAAuB;IACvBC,qBAAqB;IACrBR,KAAK,EAAG1H,EAAE,CAAE,aAAc,CAAG;IAC7BgG,KAAK,EAAGO,mBAAmB,IAAIzB,UAAY;IAC3CqD,QAAQ,EAAGtB,iBAAmB;IAC9BtE,GAAG,EAAGR,2BAA6B;IACnCO,GAAG,EAAG,GAAG,GAAGP;EAA6B,CACzC,CAAC,EACFgG,aAAA,CAAC5G,aAAa;IACb8G,uBAAuB;IACvBP,KAAK,EAAG1H,EAAE,CAAE,iBAAkB,CAAG;IACjCoI,OAAO,EAAG1D,iBAAmB;IAC7ByD,QAAQ,EAAGA,CAAA,KACVjF,aAAa,CAAE;MACdwB,iBAAiB,EAAE,CAAEA;IACtB,CAAE;EACF,CACD,CAAC,EACAlB,SAAS,KAAK,OAAO,IACtBuE,aAAA,CAAC5G,aAAa;IACb8G,uBAAuB;IACvBP,KAAK,EAAG1H,EAAE,CAAE,oBAAqB,CAAG;IACpCoI,OAAO,EAAG,CAAC,CAAE3D,SAAW;IACxB0D,QAAQ,EAAGA,CAAA,KACVjF,aAAa,CAAE;MACduB,SAAS,EAAE,CAAEA;IACd,CAAE;EACF,CACD,CACD,EACCA,SAAS,KACRhB,QAAQ,IAAI+B,gBAAgB,CAAE,IAChChC,SAAS,KAAK,OAAO,IACpBuE,aAAA,CAACzG,gBAAgB;IAChB2G,uBAAuB;IACvBP,KAAK,EAAG1H,EAAE,CAAE,aAAc,CAAG;IAC7BoD,GAAG,EACF8B,gBAAgB,IAAIM,gBAAgB,GACjCA,gBAAgB,GAChB/B,QACH;IACDuC,KAAK,EAAGrC,UAAY;IACpBwE,QAAQ,EAAKnC,KAAK,IACjB9C,aAAa,CAAE;MAAES,UAAU,EAAEqC;IAAM,CAAE,CACrC;IACDqC,WAAW,EAAGtC,2BAA6B;IAC3CuC,MAAM,EAAGvC;EAA6B,CACtC,CACD,EACAvC,SAAS,KAAK,OAAO,IAAIC,QAAQ,IAAI,CAAEyB,gBAAgB,IACxD6C,aAAA,CAAC7G,eAAe;IACf+G,uBAAuB;IACvBP,KAAK,EAAG1H,EAAE,CAAE,kBAAmB,CAAG;IAClCgG,KAAK,EAAG3C,QAAU;IAClB8E,QAAQ,EAAGjB,gBAAkB;IAC7BqB,IAAI,EACHR,aAAA,CAAAS,QAAA,QACCT,aAAA,CAAC1G,YAAY;MAAC4B,IAAI,EAAC;IAAuD,GACvEjD,EAAE,CAAE,oCAAqC,CAC9B,CAAC,EACf+H,aAAA,WAAK,CAAC,EACJ/H,EAAE,CAAE,4BAA6B,CAClC;EACF,CACD,CACD,EACCwD,SAAS,KAAK,OAAO,IACtBuE,aAAA,CAACnH,gBAAgB;IAChB6H,aAAa,EAAGd,WAAa;IAC7BjF,IAAI,EAAGyC,aAAe;IACtBmC,gBAAgB,EAAGA,gBAAkB;IACrCoB,WAAW,EAAG,KAAO;IACrBC,aAAa,EAAG3I,EAAE,CACjB,sCACD;EAAG,CACH,CAEQ,CACX;EAED,MAAM4I,UAAU,GAAGpI,aAAa,CAAE;IACjCqI,SAAS,EAAE/B,UAAU;IACrBb;EACD,CAAE,CAAC;EAEH,MAAM6C,gBAAgB,GAAGxI,mBAAmB,CAC3C;IAAEuI,SAAS,EAAE;EAA+B,CAAC,EAC7C;IAAEE,QAAQ,EAAE7G,QAAQ;IAAE+C;EAAc,CACrC,CAAC;EAED,MAAM+D,gBAAgB,GAAGjI,mBAAmB,CAAC,CAAC;EAE9C,OACCgH,aAAA,CAAAS,QAAA,QACCT,aAAA,CAACxH,iBAAiB,QAAGuH,wBAA6C,CAAC,EACnEC,aAAA,CAAC3H,aAAa;IAAC6I,KAAK,EAAC;EAAO,GACzBD,gBAAgB,KAAK,SAAS,IAC/BjB,aAAA,CAAAS,QAAA,QACCT,aAAA,CAAC1H,6BAA6B;IAC7B8H,QAAQ,EAAGf,yBAA2B;IACtCpB,KAAK,EAAGhB;EAAmB,CAC3B,CAAC,EACF+C,aAAA,CAAC3G,aAAa;IACb8H,IAAI,EAAGzH,QAAU;IACjBuG,KAAK,EAAGhI,EAAE,CAAE,oBAAqB,CAAG;IACpCmJ,QAAQ,EAAGtE,aAAa,KAAK,MAAQ;IACrCuE,OAAO,EAAGA,CAAA,KACTlG,aAAa,CAAE;MAAE2B,aAAa,EAAE;IAAO,CAAE;EACzC,CACD,CAAC,EACFkD,aAAA,CAAC3G,aAAa;IACb8H,IAAI,EAAGxH,SAAW;IAClBsG,KAAK,EAAGhI,EAAE,CAAE,qBAAsB,CAAG;IACrCmJ,QAAQ,EAAGtE,aAAa,KAAK,OAAS;IACtCuE,OAAO,EAAGA,CAAA,KACTlG,aAAa,CAAE;MAAE2B,aAAa,EAAE;IAAQ,CAAE;EAC1C,CACD,CACA,CACF,EAECrB,SAAS,KAAK,OAAO,IACtBuE,aAAA,CAACrH,eAAe;IACf0C,GAAG,EAAGH,IAAI,IAAI,EAAI;IAClBoG,WAAW,EAAG3C,SAAW;IACzB1D,eAAe,EAAGA,eAAiB;IACnCQ,SAAS,EAAGA,SAAW;IACvBC,QAAQ,EACPyB,gBAAgB,IAAIM,gBAAgB,GACjCA,gBAAgB,GAChB/C,KAAK,IAAIA,KAAK,CAACI,UAClB;IACDa,SAAS,EAAGjB,KAAK,IAAIA,KAAK,CAACwB,IAAM;IACjCW,UAAU,EAAGA,UAAY;IACzBD,SAAS,EAAGA,SAAW;IACvBI,GAAG,EAAGA;EAAK,CACX,CAEY,CAAC,EAChBgD,aAAA;IAAA,GAAUa;EAAU,GACjB/D,aAAa,KAAK,OAAO,IAAIkD,aAAA;IAAA,GAAUe;EAAgB,CAAI,CAAC,EAC9Df,aAAA,CAAClG,cAAc;IACdgH,SAAS,EAAC,4BAA4B;IACtCpC,aAAa,EAAGA,aAAe;IAC/BG,aAAa,EAAGA,aAAe;IAC/BC,iBAAiB,EAAGA,iBAAmB;IACvCyC,GAAG,EAAGxD,iBAAmB;IACzByD,YAAY,EAAGP,gBAAgB,KAAK,SAAW;IAC/CrD,sBAAsB,EAAGA,sBAAwB;IAEhDhC,UAAU;IACVc,SAAS;IACTJ,UAAU;IACVK,iBAAiB;IACjBrB,QAAQ;IACRE,OAAO;IACPsB,aAAa;IACbrB,SAAS;IACTC,QAAQ;IACRqB,UAAU;IACVI,gBAAgB;IAChBM,gBAAgB;IAChBC;EAAgB,CAEjB,CAAC,EACAZ,aAAa,KAAK,OAAO,IAAIkD,aAAA;IAAA,GAAUe;EAAgB,CAAI,CACzD,CACJ,CAAC;AAEL;AAEA,eAAe1E,aAAa","ignoreList":[]}
+{"version":3,"names":["clsx","__","useSelect","useState","useRef","BlockControls","BlockVerticalAlignmentControl","useInnerBlocksProps","InspectorControls","useBlockProps","__experimentalImageURLInputUI","ImageURLInputUI","store","blockEditorStore","useBlockEditingMode","privateApis","blockEditorPrivateApis","RangeControl","TextareaControl","ToggleControl","ToolbarButton","ExternalLink","FocalPointPicker","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","isBlobURL","getBlobTypeByURL","pullLeft","pullRight","useEntityProp","coreStore","MediaContainer","DEFAULT_MEDIA_SIZE_SLUG","WIDTH_CONSTRAINT_PERCENTAGE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","TEMPLATE","unlock","TOOLSPANEL_DROPDOWNMENU_PROPS","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ResolutionTool","applyWidthConstraints","width","Math","max","min","getImageSourceUrlBySizeSlug","image","slug","media_details","sizes","source_url","attributesFromMedia","attributes","linkDestination","href","setAttributes","media","url","mediaAlt","undefined","mediaId","mediaType","mediaUrl","mediaLink","focalPoint","type","src","media_type","large","newHref","link","alt","id","MediaTextEdit","isSelected","context","postId","postType","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","useFeaturedImage","mediaSizeSlug","featuredImage","featuredImageMedia","select","getMedia","featuredImageURL","featuredImageAlt","alt_text","toggleUseFeaturedImage","imageSizes","getSettings","refMediaContainer","imperativeFocalPointPreview","value","style","current","resizable","x","y","backgroundPosition","temporaryMediaWidth","setTemporaryMediaWidth","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","mediaTextGeneralSettings","resetAll","dropdownMenuProps","children","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","checked","onDragStart","onDrag","help","options","blockProps","className","innerBlocksProps","template","blockEditingMode","group","icon","title","isActive","onClick","onChangeUrl","ref","enableResize"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentControl,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport MediaContainer from './media-container';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tWIDTH_CONSTRAINT_PERCENTAGE,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_ATTACHMENT,\n\tTEMPLATE,\n} from './constants';\nimport { unlock } from '../lock-unlock';\nimport { TOOLSPANEL_DROPDOWNMENU_PROPS } from '../utils/constants';\n\nconst { ResolutionTool } = unlock( blockEditorPrivateApis );\n\n// this limits the resize to a safe zone to avoid making broken layouts\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nfunction getImageSourceUrlBySizeSlug( image, slug ) {\n\t// eslint-disable-next-line camelcase\n\treturn image?.media_details?.sizes?.[ slug ]?.source_url;\n}\n\nfunction attributesFromMedia( {\n\tattributes: { linkDestination, href },\n\tsetAttributes,\n} ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\tmediaAlt: undefined,\n\t\t\t\tmediaId: undefined,\n\t\t\t\tmediaType: undefined,\n\t\t\t\tmediaUrl: undefined,\n\t\t\t\tmediaLink: undefined,\n\t\t\t\thref: undefined,\n\t\t\t\tfocalPoint: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes?.large?.url ||\n\t\t\t\t// eslint-disable-next-line camelcase\n\t\t\t\tmedia.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tlet newHref = href;\n\t\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.url;\n\t\t}\n\n\t\t// Check if the image is linked to the attachment page.\n\t\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.link;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\tmediaLink: media.link || undefined,\n\t\t\thref: newHref,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t};\n}\n\nfunction MediaTextEdit( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tfocalPoint,\n\t\thref,\n\t\timageFill,\n\t\tisStackedOnMobile,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\tlinkTarget,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\trel,\n\t\tverticalAlignment,\n\t\tallowedBlocks,\n\t\tuseFeaturedImage,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst featuredImageMedia = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\n\tconst featuredImageURL = useFeaturedImage\n\t\t? featuredImageMedia?.source_url\n\t\t: '';\n\tconst featuredImageAlt = useFeaturedImage\n\t\t? featuredImageMedia?.alt_text\n\t\t: '';\n\n\tconst toggleUseFeaturedImage = () => {\n\t\tsetAttributes( {\n\t\t\timageFill: false,\n\t\t\tmediaType: 'image',\n\t\t\tmediaId: undefined,\n\t\t\tmediaUrl: undefined,\n\t\t\tmediaAlt: undefined,\n\t\t\tmediaLink: undefined,\n\t\t\tlinkDestination: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\tlinkClass: undefined,\n\t\t\trel: undefined,\n\t\t\thref: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t} );\n\t};\n\n\tconst { imageSizes, image } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tmediaId && isSelected\n\t\t\t\t\t\t? select( coreStore ).getMedia( mediaId, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: null,\n\t\t\t\timageSizes: getSettings()?.imageSizes,\n\t\t\t};\n\t\t},\n\t\t[ isSelected, mediaId ]\n\t);\n\n\tconst refMediaContainer = useRef();\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst { style } = refMediaContainer.current.resizable;\n\t\tconst { x, y } = value;\n\t\tstyle.backgroundPosition = `${ x * 100 }% ${ y * 100 }%`;\n\t};\n\n\tconst [ temporaryMediaWidth, setTemporaryMediaWidth ] = useState( null );\n\n\tconst onSelectMedia = attributesFromMedia( { attributes, setAttributes } );\n\n\tconst onSetHref = ( props ) => {\n\t\tsetAttributes( props );\n\t};\n\n\tconst onWidthChange = ( width ) => {\n\t\tsetTemporaryMediaWidth( applyWidthConstraints( width ) );\n\t};\n\tconst commitWidthChange = ( width ) => {\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tsetTemporaryMediaWidth( null );\n\t};\n\n\tconst classNames = clsx( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-selected': isSelected,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill': imageFill,\n\t} );\n\tconst widthString = `${ temporaryMediaWidth || mediaWidth }%`;\n\tconst gridTemplateColumns =\n\t\t'right' === mediaPosition\n\t\t\t? `1fr ${ widthString }`\n\t\t\t: `${ widthString } 1fr`;\n\tconst style = {\n\t\tgridTemplateColumns,\n\t\tmsGridColumns: gridTemplateColumns,\n\t};\n\tconst onMediaAltChange = ( newMediaAlt ) => {\n\t\tsetAttributes( { mediaAlt: newMediaAlt } );\n\t};\n\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => getImageSourceUrlBySizeSlug( image, slug ) )\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst updateImage = ( newMediaSizeSlug ) => {\n\t\tconst newUrl = getImageSourceUrlBySizeSlug( image, newMediaSizeSlug );\n\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl: newUrl,\n\t\t\tmediaSizeSlug: newMediaSizeSlug,\n\t\t} );\n\t};\n\n\tconst mediaTextGeneralSettings = (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t\timageFill: false,\n\t\t\t\t\tmediaAlt: '',\n\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\tmediaWidth: 50,\n\t\t\t\t\tmediaSizeSlug: undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ TOOLSPANEL_DROPDOWNMENU_PROPS }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => mediaWidth !== 50 }\n\t\t\t\tonDeselect={ () => setAttributes( { mediaWidth: 50 } ) }\n\t\t\t>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! isStackedOnMobile }\n\t\t\t\tonDeselect={ () =>\n\t\t\t\t\tsetAttributes( { isStackedOnMobile: true } )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! imageFill }\n\t\t\t\t\tonDeselect={ () => setAttributes( { imageFill: false } ) }\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\turl={\n\t\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! mediaAlt }\n\t\t\t\t\tonDeselect={ () => setAttributes( { mediaAlt: '' } ) }\n\t\t\t\t>\n\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && ! useFeaturedImage && (\n\t\t\t\t<ResolutionTool\n\t\t\t\t\tvalue={ mediaSizeSlug }\n\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolsPanel>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && ! useFeaturedImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={ image && image.source_url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ mediaPosition === 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonWidthChange={ onWidthChange }\n\t\t\t\t\tcommitWidthChange={ commitWidthChange }\n\t\t\t\t\tref={ refMediaContainer }\n\t\t\t\t\tenableResize={ blockEditingMode === 'default' }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tfocalPoint,\n\t\t\t\t\t\timageFill,\n\t\t\t\t\t\tisSelected,\n\t\t\t\t\t\tisStackedOnMobile,\n\t\t\t\t\t\tmediaAlt,\n\t\t\t\t\t\tmediaId,\n\t\t\t\t\t\tmediaPosition,\n\t\t\t\t\t\tmediaType,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t\tmediaWidth,\n\t\t\t\t\t\tuseFeaturedImage,\n\t\t\t\t\t\tfeaturedImageURL,\n\t\t\t\t\t\tfeaturedImageAlt,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ mediaPosition !== 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default MediaTextEdit;\n"],"mappings":"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","ignoreList":[]}

package/build-module/media-text/edit.native.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -21,6 +20,9 @@ import { pullLeft, pullRight, replace } from '@wordpress/icons';
 import { WIDTH_CONSTRAINT_PERCENTAGE } from './constants';
 import MediaContainer from './media-container';
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const TEMPLATE = [['core/paragraph']];
 // this limits the resize to a safe zone to avoid making broken layouts
 const BREAKPOINTS = {
@@ -32,6 +34,7 @@ class MediaTextEdit extends Component {
     super(...arguments);
     this.onSelectMedia = this.onSelectMedia.bind(this);
     this.onMediaUpdate = this.onMediaUpdate.bind(this);
+    this.onMediaThumbnailUpdate = this.onMediaThumbnailUpdate.bind(this);
     this.onWidthChange = this.onWidthChange.bind(this);
     this.commitWidthChange = this.commitWidthChange.bind(this);
     this.onLayoutChange = this.onLayoutChange.bind(this);
@@ -91,6 +94,14 @@ class MediaTextEdit extends Component {
       mediaUrl: media.url
     });
   }
+  onMediaThumbnailUpdate(mediaUrl) {
+    const {
+      setAttributes
+    } = this.props;
+    setAttributes({
+      mediaUrl
+    });
+  }
   onWidthChange(width) {
     this.setState({
       mediaWidth: applyWidthConstraints(width)
@@ -155,13 +166,16 @@ class MediaTextEdit extends Component {
     const {
       imageFill
     } = attributes;
-    return createElement(InspectorControls, null, createElement(PanelBody, {
-      title: __('Settings')
-    }, createElement(ToggleControl, {
-      label: __('Crop image to fill'),
-      checked: imageFill,
-      onChange: this.onSetImageFill
-    })));
+    return /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsx(PanelBody, {
+        title: __('Settings'),
+        children: /*#__PURE__*/_jsx(ToggleControl, {
+          label: __('Crop image to fill'),
+          checked: imageFill,
+          onChange: this.onSetImageFill
+        })
+      })
+    });
   }
   renderMediaArea(shouldStack) {
     const {
@@ -185,12 +199,13 @@ class MediaTextEdit extends Component {
     } = attributes;
     const mediaAreaWidth = mediaWidth && !shouldStack ? containerWidth * mediaWidth / 100 - styles.mediaAreaPadding.width : containerWidth;
     const aligmentStyles = styles[`is-vertically-aligned-${verticalAlignment || 'center'}`];
-    return createElement(MediaContainer, {
+    return /*#__PURE__*/_jsx(MediaContainer, {
       commitWidthChange: this.commitWidthChange,
       isMediaSelected: isMediaSelected,
       onFocus: this.props.onFocus,
       onMediaSelected: this.onMediaSelected,
       onMediaUpdate: this.onMediaUpdate,
+      onMediaThumbnailUpdate: this.onMediaThumbnailUpdate,
       onSelectMedia: this.onSelectMedia,
       onSetOpenPickerRef: this.onSetOpenPickerRef,
       onWidthChange: this.onWidthChange,
@@ -280,28 +295,39 @@ class MediaTextEdit extends Component {
         verticalAlignment: alignment
       });
     };
-    return createElement(Fragment, null, mediaType === MEDIA_TYPE_IMAGE && this.getControls(), createElement(BlockControls, null, hasMedia && createElement(ToolbarGroup, null, createElement(Button, {
-      label: __('Edit media'),
-      icon: replace,
-      onClick: this.onReplaceMedia
-    })), (!isMediaSelected || mediaType === MEDIA_TYPE_VIDEO) && createElement(Fragment, null, createElement(ToolbarGroup, {
-      controls: toolbarControls
-    }), createElement(BlockVerticalAlignmentToolbar, {
-      onChange: onVerticalAlignmentChange,
-      value: verticalAlignment
-    }))), createElement(View, {
-      style: containerStyles,
-      onLayout: this.onLayoutChange
-    }, createElement(View, {
-      style: [(shouldStack || !imageFill) && {
-        width: widthString
-      }, mediaContainerStyle]
-    }, this.renderMediaArea(shouldStack)), createElement(View, {
-      style: innerBlockContainerStyle
-    }, createElement(InnerBlocks, {
-      template: TEMPLATE,
-      blockWidth: blockWidth
-    }))));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [mediaType === MEDIA_TYPE_IMAGE && this.getControls(), /*#__PURE__*/_jsxs(BlockControls, {
+        children: [hasMedia && /*#__PURE__*/_jsx(ToolbarGroup, {
+          children: /*#__PURE__*/_jsx(Button, {
+            label: __('Edit media'),
+            icon: replace,
+            onClick: this.onReplaceMedia
+          })
+        }), (!isMediaSelected || mediaType === MEDIA_TYPE_VIDEO) && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ToolbarGroup, {
+            controls: toolbarControls
+          }), /*#__PURE__*/_jsx(BlockVerticalAlignmentToolbar, {
+            onChange: onVerticalAlignmentChange,
+            value: verticalAlignment
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: containerStyles,
+        onLayout: this.onLayoutChange,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [(shouldStack || !imageFill) && {
+            width: widthString
+          }, mediaContainerStyle],
+          children: this.renderMediaArea(shouldStack)
+        }), /*#__PURE__*/_jsx(View, {
+          style: innerBlockContainerStyle,
+          children: /*#__PURE__*/_jsx(InnerBlocks, {
+            template: TEMPLATE,
+            blockWidth: blockWidth
+          })
+        })]
+      })]
+    });
   }
 }
 export default compose(withColors('backgroundColor'), withSelect((select, {

package/build-module/media-text/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","__","BlockControls","BlockVerticalAlignmentToolbar","InnerBlocks","InspectorControls","withColors","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","store","blockEditorStore","Component","Button","ToolbarGroup","PanelBody","ToggleControl","withSelect","compose","pullLeft","pullRight","replace","WIDTH_CONSTRAINT_PERCENTAGE","MediaContainer","styles","TEMPLATE","BREAKPOINTS","mobile","applyWidthConstraints","width","Math","max","min","MediaTextEdit","constructor","arguments","onSelectMedia","bind","onMediaUpdate","onWidthChange","commitWidthChange","onLayoutChange","onMediaSelected","onReplaceMedia","onSetOpenPickerRef","onSetImageFill","state","mediaWidth","containerWidth","isMediaSelected","getDerivedStateFromProps","props","isSelected","isAncestorSelected","media","setAttributes","mediaType","src","media_type","type","sizes","large","url","media_details","source_url","mediaAlt","alt","mediaId","id","mediaUrl","imageFill","undefined","focalPoint","setState","nativeEvent","layout","openPickerRef","openPicker","attributes","getControls","createElement","title","label","checked","onChange","renderMediaArea","shouldStack","mediaPosition","verticalAlignment","mediaAreaWidth","mediaAreaPadding","aligmentStyles","onFocus","render","backgroundColor","isRTL","style","blockWidth","isStackedOnMobile","isMobile","temporaryMediaWidth","widthString","innerBlockWidth","innerBlockWidthString","hasMedia","innerBlockContainerStyle","innerBlock","innerBlockStackMediaLeft","innerBlockStackMediaRight","color","innerBlockPaddings","containerStyles","paddingBottom","mediaContainerStyle","flex","mediaStackLeft","mediaStackRight","mediaLeft","mediaRight","toolbarControls","icon","isActive","onClick","onVerticalAlignmentChange","alignment","Fragment","controls","value","onLayout","template","select","clientId","getSelectedBlockClientId","getBlockParents","getSettings","parents","selectedBlockClientId","includes"],"sources":["@wordpress/block-library/src/media-text/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInnerBlocks,\n\tInspectorControls,\n\twithColors,\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport {\n\tButton,\n\tToolbarGroup,\n\tPanelBody,\n\tToggleControl,\n} from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { pullLeft, pullRight, replace } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { WIDTH_CONSTRAINT_PERCENTAGE } from './constants';\nimport MediaContainer from './media-container';\nimport styles from './style.scss';\n\nconst TEMPLATE = [ [ 'core/paragraph' ] ];\n// this limits the resize to a safe zone to avoid making broken layouts\nconst BREAKPOINTS = {\n\tmobile: 480,\n};\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nclass MediaTextEdit extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectMedia = this.onSelectMedia.bind( this );\n\t\tthis.onMediaUpdate = this.onMediaUpdate.bind( this );\n\t\tthis.onWidthChange = this.onWidthChange.bind( this );\n\t\tthis.commitWidthChange = this.commitWidthChange.bind( this );\n\t\tthis.onLayoutChange = this.onLayoutChange.bind( this );\n\t\tthis.onMediaSelected = this.onMediaSelected.bind( this );\n\t\tthis.onReplaceMedia = this.onReplaceMedia.bind( this );\n\t\tthis.onSetOpenPickerRef = this.onSetOpenPickerRef.bind( this );\n\t\tthis.onSetImageFill = this.onSetImageFill.bind( this );\n\n\t\tthis.state = {\n\t\t\tmediaWidth: null,\n\t\t\tcontainerWidth: 0,\n\t\t\tisMediaSelected: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( props, state ) {\n\t\treturn {\n\t\t\tisMediaSelected:\n\t\t\t\tstate.isMediaSelected &&\n\t\t\t\tprops.isSelected &&\n\t\t\t\t! props.isAncestorSelected,\n\t\t};\n\t}\n\n\tonSelectMedia( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' && media.sizes ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes.large?.url ||\n\t\t\t\tmedia?.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\timageFill: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t}\n\n\tonMediaUpdate( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaId: media.id,\n\t\t\tmediaUrl: media.url,\n\t\t} );\n\t}\n\n\tonWidthChange( width ) {\n\t\tthis.setState( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t}\n\n\tcommitWidthChange( width ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tthis.setState( {\n\t\t\tmediaWidth: null,\n\t\t} );\n\t}\n\n\tonLayoutChange( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tconst { containerWidth } = this.state;\n\n\t\tif ( containerWidth === width ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tthis.setState( {\n\t\t\tcontainerWidth: width,\n\t\t} );\n\t}\n\n\tonMediaSelected() {\n\t\tthis.setState( { isMediaSelected: true } );\n\t}\n\n\tonReplaceMedia() {\n\t\tif ( this.openPickerRef ) {\n\t\t\tthis.openPickerRef();\n\t\t}\n\t}\n\n\tonSetOpenPickerRef( openPicker ) {\n\t\tthis.openPickerRef = openPicker;\n\t}\n\n\tonSetImageFill() {\n\t\tconst { attributes, setAttributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\tsetAttributes( {\n\t\t\timageFill: ! imageFill,\n\t\t} );\n\t}\n\n\tgetControls() {\n\t\tconst { attributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\treturn (\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\t\tchecked={ imageFill }\n\t\t\t\t\t\tonChange={ this.onSetImageFill }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t);\n\t}\n\trenderMediaArea( shouldStack ) {\n\t\tconst { isMediaSelected, containerWidth } = this.state;\n\t\tconst { attributes, isSelected } = this.props;\n\t\tconst {\n\t\t\tmediaAlt,\n\t\t\tmediaId,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst mediaAreaWidth =\n\t\t\tmediaWidth && ! shouldStack\n\t\t\t\t? ( containerWidth * mediaWidth ) / 100 -\n\t\t\t\t  styles.mediaAreaPadding.width\n\t\t\t\t: containerWidth;\n\t\tconst aligmentStyles =\n\t\t\tstyles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t];\n\n\t\treturn (\n\t\t\t<MediaContainer\n\t\t\t\tcommitWidthChange={ this.commitWidthChange }\n\t\t\t\tisMediaSelected={ isMediaSelected }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tonMediaSelected={ this.onMediaSelected }\n\t\t\t\tonMediaUpdate={ this.onMediaUpdate }\n\t\t\t\tonSelectMedia={ this.onSelectMedia }\n\t\t\t\tonSetOpenPickerRef={ this.onSetOpenPickerRef }\n\t\t\t\tonWidthChange={ this.onWidthChange }\n\t\t\t\tmediaWidth={ mediaAreaWidth }\n\t\t\t\t{ ...{\n\t\t\t\t\tmediaAlt,\n\t\t\t\t\tmediaId,\n\t\t\t\t\tmediaType,\n\t\t\t\t\tmediaUrl,\n\t\t\t\t\tmediaPosition,\n\t\t\t\t\timageFill,\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tisSelected,\n\t\t\t\t\taligmentStyles,\n\t\t\t\t\tshouldStack,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tattributes,\n\t\t\tbackgroundColor,\n\t\t\tsetAttributes,\n\t\t\tisSelected,\n\t\t\tisRTL,\n\t\t\tstyle,\n\t\t\tblockWidth,\n\t\t} = this.props;\n\t\tconst {\n\t\t\tisStackedOnMobile,\n\t\t\timageFill,\n\t\t\tmediaPosition,\n\t\t\tmediaWidth,\n\t\t\tmediaType,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst { containerWidth, isMediaSelected } = this.state;\n\n\t\tconst isMobile = containerWidth < BREAKPOINTS.mobile;\n\t\tconst shouldStack = isStackedOnMobile && isMobile;\n\t\tconst temporaryMediaWidth = shouldStack\n\t\t\t? 100\n\t\t\t: this.state.mediaWidth || mediaWidth;\n\t\tconst widthString = `${ temporaryMediaWidth }%`;\n\t\tconst innerBlockWidth = shouldStack ? 100 : 100 - temporaryMediaWidth;\n\t\tconst innerBlockWidthString = `${ innerBlockWidth }%`;\n\t\tconst hasMedia =\n\t\t\tmediaType === MEDIA_TYPE_IMAGE || mediaType === MEDIA_TYPE_VIDEO;\n\n\t\tconst innerBlockContainerStyle = [\n\t\t\t{ width: innerBlockWidthString },\n\t\t\t! shouldStack\n\t\t\t\t? styles.innerBlock\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left'\n\t\t\t\t\t\t\t? styles.innerBlockStackMediaLeft\n\t\t\t\t\t\t\t: styles.innerBlockStackMediaRight ),\n\t\t\t\t  },\n\t\t\t( style?.backgroundColor || backgroundColor.color ) &&\n\t\t\t\tstyles.innerBlockPaddings,\n\t\t];\n\n\t\tconst containerStyles = {\n\t\t\t...styles[ 'wp-block-media-text' ],\n\t\t\t...styles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t],\n\t\t\t...( mediaPosition === 'right'\n\t\t\t\t? styles[ 'has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( shouldStack && styles[ 'is-stacked-on-mobile' ] ),\n\t\t\t...( shouldStack && mediaPosition === 'right'\n\t\t\t\t? styles[ 'is-stacked-on-mobile.has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( isSelected && styles[ 'is-selected' ] ),\n\t\t\tbackgroundColor: style?.backgroundColor || backgroundColor.color,\n\t\t\tpaddingBottom: 0,\n\t\t};\n\n\t\tconst mediaContainerStyle = [\n\t\t\t{ flex: 1 },\n\t\t\tshouldStack\n\t\t\t\t? {\n\t\t\t\t\t\t...( mediaPosition === 'left' &&\n\t\t\t\t\t\t\tstyles.mediaStackLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' &&\n\t\t\t\t\t\t\tstyles.mediaStackRight ),\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left' && styles.mediaLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' && styles.mediaRight ),\n\t\t\t\t  },\n\t\t];\n\n\t\tconst toolbarControls = [\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullRight : pullLeft,\n\t\t\t\ttitle: __( 'Show media on left' ),\n\t\t\t\tisActive: mediaPosition === 'left',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'left' } ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullLeft : pullRight,\n\t\t\t\ttitle: __( 'Show media on right' ),\n\t\t\t\tisActive: mediaPosition === 'right',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'right' } ),\n\t\t\t},\n\t\t];\n\n\t\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\t\tsetAttributes( { verticalAlignment: alignment } );\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ mediaType === MEDIA_TYPE_IMAGE && this.getControls() }\n\t\t\t\t<BlockControls>\n\t\t\t\t\t{ hasMedia && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Edit media' ) }\n\t\t\t\t\t\t\t\ticon={ replace }\n\t\t\t\t\t\t\t\tonClick={ this.onReplaceMedia }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ( ! isMediaSelected ||\n\t\t\t\t\t\tmediaType === MEDIA_TYPE_VIDEO ) && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ containerStyles }\n\t\t\t\t\tonLayout={ this.onLayoutChange }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t( shouldStack || ! imageFill ) && {\n\t\t\t\t\t\t\t\twidth: widthString,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tmediaContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ this.renderMediaArea( shouldStack ) }\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={ innerBlockContainerStyle }>\n\t\t\t\t\t\t<InnerBlocks\n\t\t\t\t\t\t\ttemplate={ TEMPLATE }\n\t\t\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</>\n\t\t);\n\t}\n}\n\nexport default compose(\n\twithColors( 'backgroundColor' ),\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParents, getSettings } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst parents = getBlockParents( clientId, true );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isAncestorSelected =\n\t\t\tselectedBlockClientId && parents.includes( selectedBlockClientId );\n\n\t\treturn {\n\t\t\tisSelected: selectedBlockClientId === clientId,\n\t\t\tisAncestorSelected,\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} )\n)( MediaTextEdit );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","__","BlockControls","BlockVerticalAlignmentToolbar","InnerBlocks","InspectorControls","withColors","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","store","blockEditorStore","Component","Button","ToolbarGroup","PanelBody","ToggleControl","withSelect","compose","pullLeft","pullRight","replace","WIDTH_CONSTRAINT_PERCENTAGE","MediaContainer","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TEMPLATE","BREAKPOINTS","mobile","applyWidthConstraints","width","Math","max","min","MediaTextEdit","constructor","arguments","onSelectMedia","bind","onMediaUpdate","onMediaThumbnailUpdate","onWidthChange","commitWidthChange","onLayoutChange","onMediaSelected","onReplaceMedia","onSetOpenPickerRef","onSetImageFill","state","mediaWidth","containerWidth","isMediaSelected","getDerivedStateFromProps","props","isSelected","isAncestorSelected","media","setAttributes","mediaType","src","media_type","type","sizes","large","url","media_details","source_url","mediaAlt","alt","mediaId","id","mediaUrl","imageFill","undefined","focalPoint","setState","nativeEvent","layout","openPickerRef","openPicker","attributes","getControls","children","title","label","checked","onChange","renderMediaArea","shouldStack","mediaPosition","verticalAlignment","mediaAreaWidth","mediaAreaPadding","aligmentStyles","onFocus","render","backgroundColor","isRTL","style","blockWidth","isStackedOnMobile","isMobile","temporaryMediaWidth","widthString","innerBlockWidth","innerBlockWidthString","hasMedia","innerBlockContainerStyle","innerBlock","innerBlockStackMediaLeft","innerBlockStackMediaRight","color","innerBlockPaddings","containerStyles","paddingBottom","mediaContainerStyle","flex","mediaStackLeft","mediaStackRight","mediaLeft","mediaRight","toolbarControls","icon","isActive","onClick","onVerticalAlignmentChange","alignment","controls","value","onLayout","template","select","clientId","getSelectedBlockClientId","getBlockParents","getSettings","parents","selectedBlockClientId","includes"],"sources":["@wordpress/block-library/src/media-text/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInnerBlocks,\n\tInspectorControls,\n\twithColors,\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport {\n\tButton,\n\tToolbarGroup,\n\tPanelBody,\n\tToggleControl,\n} from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { pullLeft, pullRight, replace } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { WIDTH_CONSTRAINT_PERCENTAGE } from './constants';\nimport MediaContainer from './media-container';\nimport styles from './style.scss';\n\nconst TEMPLATE = [ [ 'core/paragraph' ] ];\n// this limits the resize to a safe zone to avoid making broken layouts\nconst BREAKPOINTS = {\n\tmobile: 480,\n};\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nclass MediaTextEdit extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectMedia = this.onSelectMedia.bind( this );\n\t\tthis.onMediaUpdate = this.onMediaUpdate.bind( this );\n\t\tthis.onMediaThumbnailUpdate = this.onMediaThumbnailUpdate.bind( this );\n\t\tthis.onWidthChange = this.onWidthChange.bind( this );\n\t\tthis.commitWidthChange = this.commitWidthChange.bind( this );\n\t\tthis.onLayoutChange = this.onLayoutChange.bind( this );\n\t\tthis.onMediaSelected = this.onMediaSelected.bind( this );\n\t\tthis.onReplaceMedia = this.onReplaceMedia.bind( this );\n\t\tthis.onSetOpenPickerRef = this.onSetOpenPickerRef.bind( this );\n\t\tthis.onSetImageFill = this.onSetImageFill.bind( this );\n\n\t\tthis.state = {\n\t\t\tmediaWidth: null,\n\t\t\tcontainerWidth: 0,\n\t\t\tisMediaSelected: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( props, state ) {\n\t\treturn {\n\t\t\tisMediaSelected:\n\t\t\t\tstate.isMediaSelected &&\n\t\t\t\tprops.isSelected &&\n\t\t\t\t! props.isAncestorSelected,\n\t\t};\n\t}\n\n\tonSelectMedia( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' && media.sizes ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes.large?.url ||\n\t\t\t\tmedia?.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\timageFill: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t}\n\n\tonMediaUpdate( media ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaId: media.id,\n\t\t\tmediaUrl: media.url,\n\t\t} );\n\t}\n\n\tonMediaThumbnailUpdate( mediaUrl ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl,\n\t\t} );\n\t}\n\n\tonWidthChange( width ) {\n\t\tthis.setState( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t}\n\n\tcommitWidthChange( width ) {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tthis.setState( {\n\t\t\tmediaWidth: null,\n\t\t} );\n\t}\n\n\tonLayoutChange( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tconst { containerWidth } = this.state;\n\n\t\tif ( containerWidth === width ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tthis.setState( {\n\t\t\tcontainerWidth: width,\n\t\t} );\n\t}\n\n\tonMediaSelected() {\n\t\tthis.setState( { isMediaSelected: true } );\n\t}\n\n\tonReplaceMedia() {\n\t\tif ( this.openPickerRef ) {\n\t\t\tthis.openPickerRef();\n\t\t}\n\t}\n\n\tonSetOpenPickerRef( openPicker ) {\n\t\tthis.openPickerRef = openPicker;\n\t}\n\n\tonSetImageFill() {\n\t\tconst { attributes, setAttributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\tsetAttributes( {\n\t\t\timageFill: ! imageFill,\n\t\t} );\n\t}\n\n\tgetControls() {\n\t\tconst { attributes } = this.props;\n\t\tconst { imageFill } = attributes;\n\n\t\treturn (\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\t\tchecked={ imageFill }\n\t\t\t\t\t\tonChange={ this.onSetImageFill }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t);\n\t}\n\trenderMediaArea( shouldStack ) {\n\t\tconst { isMediaSelected, containerWidth } = this.state;\n\t\tconst { attributes, isSelected } = this.props;\n\t\tconst {\n\t\t\tmediaAlt,\n\t\t\tmediaId,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst mediaAreaWidth =\n\t\t\tmediaWidth && ! shouldStack\n\t\t\t\t? ( containerWidth * mediaWidth ) / 100 -\n\t\t\t\t  styles.mediaAreaPadding.width\n\t\t\t\t: containerWidth;\n\t\tconst aligmentStyles =\n\t\t\tstyles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t];\n\n\t\treturn (\n\t\t\t<MediaContainer\n\t\t\t\tcommitWidthChange={ this.commitWidthChange }\n\t\t\t\tisMediaSelected={ isMediaSelected }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tonMediaSelected={ this.onMediaSelected }\n\t\t\t\tonMediaUpdate={ this.onMediaUpdate }\n\t\t\t\tonMediaThumbnailUpdate={ this.onMediaThumbnailUpdate }\n\t\t\t\tonSelectMedia={ this.onSelectMedia }\n\t\t\t\tonSetOpenPickerRef={ this.onSetOpenPickerRef }\n\t\t\t\tonWidthChange={ this.onWidthChange }\n\t\t\t\tmediaWidth={ mediaAreaWidth }\n\t\t\t\t{ ...{\n\t\t\t\t\tmediaAlt,\n\t\t\t\t\tmediaId,\n\t\t\t\t\tmediaType,\n\t\t\t\t\tmediaUrl,\n\t\t\t\t\tmediaPosition,\n\t\t\t\t\timageFill,\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tisSelected,\n\t\t\t\t\taligmentStyles,\n\t\t\t\t\tshouldStack,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tattributes,\n\t\t\tbackgroundColor,\n\t\t\tsetAttributes,\n\t\t\tisSelected,\n\t\t\tisRTL,\n\t\t\tstyle,\n\t\t\tblockWidth,\n\t\t} = this.props;\n\t\tconst {\n\t\t\tisStackedOnMobile,\n\t\t\timageFill,\n\t\t\tmediaPosition,\n\t\t\tmediaWidth,\n\t\t\tmediaType,\n\t\t\tverticalAlignment,\n\t\t} = attributes;\n\t\tconst { containerWidth, isMediaSelected } = this.state;\n\n\t\tconst isMobile = containerWidth < BREAKPOINTS.mobile;\n\t\tconst shouldStack = isStackedOnMobile && isMobile;\n\t\tconst temporaryMediaWidth = shouldStack\n\t\t\t? 100\n\t\t\t: this.state.mediaWidth || mediaWidth;\n\t\tconst widthString = `${ temporaryMediaWidth }%`;\n\t\tconst innerBlockWidth = shouldStack ? 100 : 100 - temporaryMediaWidth;\n\t\tconst innerBlockWidthString = `${ innerBlockWidth }%`;\n\t\tconst hasMedia =\n\t\t\tmediaType === MEDIA_TYPE_IMAGE || mediaType === MEDIA_TYPE_VIDEO;\n\n\t\tconst innerBlockContainerStyle = [\n\t\t\t{ width: innerBlockWidthString },\n\t\t\t! shouldStack\n\t\t\t\t? styles.innerBlock\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left'\n\t\t\t\t\t\t\t? styles.innerBlockStackMediaLeft\n\t\t\t\t\t\t\t: styles.innerBlockStackMediaRight ),\n\t\t\t\t  },\n\t\t\t( style?.backgroundColor || backgroundColor.color ) &&\n\t\t\t\tstyles.innerBlockPaddings,\n\t\t];\n\n\t\tconst containerStyles = {\n\t\t\t...styles[ 'wp-block-media-text' ],\n\t\t\t...styles[\n\t\t\t\t`is-vertically-aligned-${ verticalAlignment || 'center' }`\n\t\t\t],\n\t\t\t...( mediaPosition === 'right'\n\t\t\t\t? styles[ 'has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( shouldStack && styles[ 'is-stacked-on-mobile' ] ),\n\t\t\t...( shouldStack && mediaPosition === 'right'\n\t\t\t\t? styles[ 'is-stacked-on-mobile.has-media-on-the-right' ]\n\t\t\t\t: {} ),\n\t\t\t...( isSelected && styles[ 'is-selected' ] ),\n\t\t\tbackgroundColor: style?.backgroundColor || backgroundColor.color,\n\t\t\tpaddingBottom: 0,\n\t\t};\n\n\t\tconst mediaContainerStyle = [\n\t\t\t{ flex: 1 },\n\t\t\tshouldStack\n\t\t\t\t? {\n\t\t\t\t\t\t...( mediaPosition === 'left' &&\n\t\t\t\t\t\t\tstyles.mediaStackLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' &&\n\t\t\t\t\t\t\tstyles.mediaStackRight ),\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t...( mediaPosition === 'left' && styles.mediaLeft ),\n\t\t\t\t\t\t...( mediaPosition === 'right' && styles.mediaRight ),\n\t\t\t\t  },\n\t\t];\n\n\t\tconst toolbarControls = [\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullRight : pullLeft,\n\t\t\t\ttitle: __( 'Show media on left' ),\n\t\t\t\tisActive: mediaPosition === 'left',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'left' } ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: isRTL ? pullLeft : pullRight,\n\t\t\t\ttitle: __( 'Show media on right' ),\n\t\t\t\tisActive: mediaPosition === 'right',\n\t\t\t\tonClick: () => setAttributes( { mediaPosition: 'right' } ),\n\t\t\t},\n\t\t];\n\n\t\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\t\tsetAttributes( { verticalAlignment: alignment } );\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ mediaType === MEDIA_TYPE_IMAGE && this.getControls() }\n\t\t\t\t<BlockControls>\n\t\t\t\t\t{ hasMedia && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Edit media' ) }\n\t\t\t\t\t\t\t\ticon={ replace }\n\t\t\t\t\t\t\t\tonClick={ this.onReplaceMedia }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ( ! isMediaSelected ||\n\t\t\t\t\t\tmediaType === MEDIA_TYPE_VIDEO ) && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ containerStyles }\n\t\t\t\t\tonLayout={ this.onLayoutChange }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t( shouldStack || ! imageFill ) && {\n\t\t\t\t\t\t\t\twidth: widthString,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tmediaContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ this.renderMediaArea( shouldStack ) }\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={ innerBlockContainerStyle }>\n\t\t\t\t\t\t<InnerBlocks\n\t\t\t\t\t\t\ttemplate={ TEMPLATE }\n\t\t\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</>\n\t\t);\n\t}\n}\n\nexport default compose(\n\twithColors( 'backgroundColor' ),\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParents, getSettings } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst parents = getBlockParents( clientId, true );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isAncestorSelected =\n\t\t\tselectedBlockClientId && parents.includes( selectedBlockClientId );\n\n\t\treturn {\n\t\t\tisSelected: selectedBlockClientId === clientId,\n\t\t\tisAncestorSelected,\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} )\n)( MediaTextEdit );\n"],"mappings":"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","ignoreList":[]}

package/build-module/media-text/icon-retry.native.js

@@ -1,15 +1,17 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { Path, SVG } from '@wordpress/components';
-export default createElement(SVG, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default /*#__PURE__*/_jsxs(SVG, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, createElement(Path, {
-  d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
-}), createElement(Path, {
-  d: "M0 0h24v24H0z",
-  fill: 'none'
-}));
+  viewBox: "0 0 24 24",
+  children: [/*#__PURE__*/_jsx(Path, {
+    d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  })]
+});
 //# sourceMappingURL=icon-retry.native.js.map

package/build-module/media-text/icon-retry.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Path","SVG","createElement","xmlns","viewBox","d","fill"],"sources":["@wordpress/block-library/src/media-text/icon-retry.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\" />\n\t\t<Path d=\"M0 0h24v24H0z\" fill={ 'none' } />\n\t</SVG>\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,uBAAuB;AAEjD,eACCC,aAAA,CAACD,GAAG;EAACE,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACF,IAAI;EAACK,CAAC,EAAC;AAA4M,CAAE,CAAC,EACvNH,aAAA,CAACF,IAAI;EAACK,CAAC,EAAC,eAAe;EAACC,IAAI,EAAG;AAAQ,CAAE,CACrC,CAAC","ignoreList":[]}
+{"version":3,"names":["Path","SVG","jsx","_jsx","jsxs","_jsxs","xmlns","viewBox","children","d","fill"],"sources":["@wordpress/block-library/src/media-text/icon-retry.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\" />\n\t\t<Path d=\"M0 0h24v24H0z\" fill=\"none\" />\n\t</SVG>\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElD,4BACCA,KAAA,CAACJ,GAAG;EAACK,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,gBAC1DL,IAAA,CAACH,IAAI;IAACS,CAAC,EAAC;EAA4M,CAAE,CAAC,eACvNN,IAAA,CAACH,IAAI;IAACS,CAAC,EAAC,eAAe;IAACC,IAAI,EAAC;EAAM,CAAE,CAAC;AAAA,CAClC,CAAC","ignoreList":[]}

package/build-module/media-text/media-container.js

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -20,6 +19,8 @@ import { media as icon } from '@wordpress/icons';
 /**
  * Constants
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ALLOWED_MEDIA_TYPES = ['image', 'video'];
 const noop = () => {};
 export function imageFillStyles(url, focalPoint) {
@@ -34,7 +35,7 @@ const ResizableBoxContainer = forwardRef(({
   ...props
 }, ref) => {
   const isMobile = useViewportMatch('small', '<');
-  return createElement(ResizableBox, {
+  return /*#__PURE__*/_jsx(ResizableBox, {
     ref: ref,
     showHandle: isSelected && (!isMobile || !isStackedOnMobile),
     ...props
@@ -48,17 +49,18 @@ function ToolbarEditButton({
   useFeaturedImage,
   featuredImageURL
 }) {
-  return createElement(BlockControls, {
-    group: "other"
-  }, createElement(MediaReplaceFlow, {
-    mediaId: mediaId,
-    mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    accept: "image/*,video/*",
-    onSelect: onSelectMedia,
-    onToggleFeaturedImage: toggleUseFeaturedImage,
-    useFeaturedImage: useFeaturedImage
-  }));
+  return /*#__PURE__*/_jsx(BlockControls, {
+    group: "other",
+    children: /*#__PURE__*/_jsx(MediaReplaceFlow, {
+      mediaId: mediaId,
+      mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+      allowedTypes: ALLOWED_MEDIA_TYPES,
+      accept: "image/*,video/*",
+      onSelect: onSelectMedia,
+      onToggleFeaturedImage: toggleUseFeaturedImage,
+      useFeaturedImage: useFeaturedImage
+    })
+  });
 }
 function PlaceholderContainer({
   className,
@@ -74,8 +76,8 @@ function PlaceholderContainer({
       type: 'snackbar'
     });
   };
-  return createElement(MediaPlaceholder, {
-    icon: createElement(BlockIcon, {
+  return /*#__PURE__*/_jsx(MediaPlaceholder, {
+    icon: /*#__PURE__*/_jsx(BlockIcon, {
       icon: icon
     }),
     labels: {
@@ -133,21 +135,21 @@ function MediaContainer(props, ref) {
     };
     const backgroundStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl || featuredImageURL, focalPoint) : {};
     const mediaTypeRenderers = {
-      image: () => useFeaturedImage && featuredImageURL ? createElement("img", {
+      image: () => useFeaturedImage && featuredImageURL ? /*#__PURE__*/_jsx("img", {
         src: featuredImageURL,
         alt: featuredImageAlt
-      }) : mediaUrl && createElement("img", {
+      }) : mediaUrl && /*#__PURE__*/_jsx("img", {
         src: mediaUrl,
         alt: mediaAlt
       }),
-      video: () => createElement("video", {
+      video: () => /*#__PURE__*/_jsx("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    return createElement(ResizableBoxContainer, {
+    return /*#__PURE__*/_jsxs(ResizableBoxContainer, {
       as: "figure",
-      className: classnames(className, 'editor-media-container__resizer', {
+      className: clsx(className, 'editor-media-container__resizer', {
         'is-transient': isTemporaryMedia
       }),
       style: backgroundStyles,
@@ -163,21 +165,22 @@ function MediaContainer(props, ref) {
       axis: "x",
       isSelected: isSelected,
       isStackedOnMobile: isStackedOnMobile,
-      ref: ref
-    }, createElement(ToolbarEditButton, {
-      onSelectMedia: onSelectMedia,
-      mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
-      mediaId: mediaId,
-      toggleUseFeaturedImage: toggleUseFeaturedImage,
-      useFeaturedImage: useFeaturedImage
-    }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && createElement(Spinner, null), !useFeaturedImage && createElement(PlaceholderContainer, {
-      ...props
-    }), !featuredImageURL && useFeaturedImage && createElement(Placeholder, {
-      className: "wp-block-media-text--placeholder-image",
-      withIllustration: true
-    }));
+      ref: ref,
+      children: [/*#__PURE__*/_jsx(ToolbarEditButton, {
+        onSelectMedia: onSelectMedia,
+        mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+        mediaId: mediaId,
+        toggleUseFeaturedImage: toggleUseFeaturedImage,
+        useFeaturedImage: useFeaturedImage
+      }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && /*#__PURE__*/_jsx(Spinner, {}), !useFeaturedImage && /*#__PURE__*/_jsx(PlaceholderContainer, {
+        ...props
+      }), !featuredImageURL && useFeaturedImage && /*#__PURE__*/_jsx(Placeholder, {
+        className: "wp-block-media-text--placeholder-image",
+        withIllustration: true
+      })]
+    });
   }
-  return createElement(PlaceholderContainer, {
+  return /*#__PURE__*/_jsx(PlaceholderContainer, {
     ...props
   });
 }