@wordpress/block-library 8.34.0 → 9.0.0

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","ResizableBox","Spinner","Placeholder","BlockControls","BlockIcon","MediaPlaceholder","MediaReplaceFlow","store","blockEditorStore","__","useViewportMatch","useDispatch","forwardRef","isBlobURL","noticesStore","media","icon","ALLOWED_MEDIA_TYPES","noop","imageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","Math","round","x","y","ResizableBoxContainer","isSelected","isStackedOnMobile","props","ref","isMobile","createElement","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","toggleUseFeaturedImage","useFeaturedImage","featuredImageURL","group","allowedTypes","accept","onSelect","onToggleFeaturedImage","PlaceholderContainer","className","createErrorNotice","onUploadError","message","type","labels","title","onError","disableMediaButtons","MediaContainer","commitWidthChange","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","featuredImageAlt","isTemporaryMedia","toggleSelection","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","backgroundStyles","mediaTypeRenderers","image","src","alt","video","controls","as","size","minWidth","maxWidth","enable","axis","withIllustration"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner, Placeholder } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nexport function imageFillStyles( url, focalPoint ) {\n\treturn url\n\t\t? {\n\t\t\t\tbackgroundImage: `url(${ url })`,\n\t\t\t\tbackgroundPosition: focalPoint\n\t\t\t\t\t? `${ Math.round( focalPoint.x * 100 ) }% ${ Math.round(\n\t\t\t\t\t\t\tfocalPoint.y * 100\n\t\t\t\t\t  ) }%`\n\t\t\t\t\t: `50% 50%`,\n\t\t  }\n\t\t: {};\n}\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n\tfeaturedImageURL,\n} ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaUrl={\n\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t: mediaUrl\n\t\t\t\t}\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst backgroundStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img src={ featuredImageURL } alt={ featuredImageAlt } />\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && <img src={ mediaUrl } alt={ mediaAlt } />\n\t\t\t\t),\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t}\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","ResizableBox","Spinner","Placeholder","BlockControls","BlockIcon","MediaPlaceholder","MediaReplaceFlow","store","blockEditorStore","__","useViewportMatch","useDispatch","forwardRef","isBlobURL","noticesStore","media","icon","jsx","_jsx","jsxs","_jsxs","ALLOWED_MEDIA_TYPES","noop","imageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","Math","round","x","y","ResizableBoxContainer","isSelected","isStackedOnMobile","props","ref","isMobile","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","toggleUseFeaturedImage","useFeaturedImage","featuredImageURL","group","children","allowedTypes","accept","onSelect","onToggleFeaturedImage","PlaceholderContainer","className","createErrorNotice","onUploadError","message","type","labels","title","onError","disableMediaButtons","MediaContainer","commitWidthChange","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","featuredImageAlt","isTemporaryMedia","toggleSelection","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","backgroundStyles","mediaTypeRenderers","image","src","alt","video","controls","as","size","minWidth","maxWidth","enable","axis","withIllustration"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner, Placeholder } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nexport function imageFillStyles( url, focalPoint ) {\n\treturn url\n\t\t? {\n\t\t\t\tbackgroundImage: `url(${ url })`,\n\t\t\t\tbackgroundPosition: focalPoint\n\t\t\t\t\t? `${ Math.round( focalPoint.x * 100 ) }% ${ Math.round(\n\t\t\t\t\t\t\tfocalPoint.y * 100\n\t\t\t\t\t  ) }%`\n\t\t\t\t\t: `50% 50%`,\n\t\t  }\n\t\t: {};\n}\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n\tfeaturedImageURL,\n} ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaUrl={\n\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t: mediaUrl\n\t\t\t\t}\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst backgroundStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img src={ featuredImageURL } alt={ featuredImageAlt } />\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && <img src={ mediaUrl } alt={ mediaAlt } />\n\t\t\t\t),\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t}\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,YAAY,EAAEC,OAAO,EAAEC,WAAW,QAAQ,uBAAuB;AAC1E,SACCC,aAAa,EACbC,SAAS,EACTC,gBAAgB,EAChBC,gBAAgB,EAChBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASN,KAAK,IAAIO,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,KAAK,IAAIC,IAAI,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGA,MAAMC,mBAAmB,GAAG,CAAE,OAAO,EAAE,OAAO,CAAE;AAChD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,OAAO,SAASC,eAAeA,CAAEC,GAAG,EAAEC,UAAU,EAAG;EAClD,OAAOD,GAAG,GACP;IACAE,eAAe,EAAG,OAAOF,GAAK,GAAE;IAChCG,kBAAkB,EAAEF,UAAU,GAC1B,GAAGG,IAAI,CAACC,KAAK,CAAEJ,UAAU,CAACK,CAAC,GAAG,GAAI,CAAG,KAAKF,IAAI,CAACC,KAAK,CACrDJ,UAAU,CAACM,CAAC,GAAG,GACf,CAAG,GAAE,GACJ;EACJ,CAAC,GACD,CAAC,CAAC;AACN;AAEA,MAAMC,qBAAqB,GAAGpB,UAAU,CACvC,CAAE;EAAEqB,UAAU;EAAEC,iBAAiB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EACvD,MAAMC,QAAQ,GAAG3B,gBAAgB,CAAE,OAAO,EAAE,GAAI,CAAC;EACjD,oBACCQ,IAAA,CAAClB,YAAY;IACZoC,GAAG,EAAGA,GAAK;IACXE,UAAU,EACTL,UAAU,KAAM,CAAEI,QAAQ,IAAI,CAAEH,iBAAiB,CACjD;IAAA,GACIC;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAED,SAASI,iBAAiBA,CAAE;EAC3BC,OAAO;EACPC,QAAQ;EACRC,aAAa;EACbC,sBAAsB;EACtBC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH,oBACC3B,IAAA,CAACf,aAAa;IAAC2C,KAAK,EAAC,OAAO;IAAAC,QAAA,eAC3B7B,IAAA,CAACZ,gBAAgB;MAChBkC,OAAO,EAAGA,OAAS;MACnBC,QAAQ,EACPG,gBAAgB,IAAIC,gBAAgB,GACjCA,gBAAgB,GAChBJ,QACH;MACDO,YAAY,EAAG3B,mBAAqB;MACpC4B,MAAM,EAAC,iBAAiB;MACxBC,QAAQ,EAAGR,aAAe;MAC1BS,qBAAqB,EAAGR,sBAAwB;MAChDC,gBAAgB,EAAGA;IAAkB,CACrC;EAAC,CACY,CAAC;AAElB;AAEA,SAASQ,oBAAoBA,CAAE;EAC9BC,SAAS;EACTZ,QAAQ;EACRC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IAAEW;EAAkB,CAAC,GAAG3C,WAAW,CAAEG,YAAa,CAAC;EAEzD,MAAMyC,aAAa,GAAKC,OAAO,IAAM;IACpCF,iBAAiB,CAAEE,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAW,CAAE,CAAC;EACnD,CAAC;EAED,oBACCvC,IAAA,CAACb,gBAAgB;IAChBW,IAAI,eAAGE,IAAA,CAACd,SAAS;MAACY,IAAI,EAAGA;IAAM,CAAE,CAAG;IACpC0C,MAAM,EAAG;MACRC,KAAK,EAAElD,EAAE,CAAE,YAAa;IACzB,CAAG;IACH4C,SAAS,EAAGA,SAAW;IACvBH,QAAQ,EAAGR,aAAe;IAC1BO,MAAM,EAAC,iBAAiB;IACxBE,qBAAqB,EAAGR,sBAAwB;IAChDK,YAAY,EAAG3B,mBAAqB;IACpCuC,OAAO,EAAGL,aAAe;IACzBM,mBAAmB,EAAGpB;EAAU,CAChC,CAAC;AAEJ;AAEA,SAASqB,cAAcA,CAAE3B,KAAK,EAAEC,GAAG,EAAG;EACrC,MAAM;IACLiB,SAAS;IACTU,iBAAiB;IACjBtC,UAAU;IACVuC,SAAS;IACT/B,UAAU;IACVC,iBAAiB;IACjB+B,QAAQ;IACRzB,OAAO;IACP0B,aAAa;IACbC,SAAS;IACT1B,QAAQ;IACR2B,UAAU;IACV1B,aAAa;IACb2B,aAAa;IACbC,YAAY;IACZ3B,sBAAsB;IACtBC,gBAAgB;IAChBC,gBAAgB;IAChB0B;EACD,CAAC,GAAGpC,KAAK;EAET,MAAMqC,gBAAgB,GAAG,CAAEhC,OAAO,IAAI3B,SAAS,CAAE4B,QAAS,CAAC;EAE3D,MAAM;IAAEgC;EAAgB,CAAC,GAAG9D,WAAW,CAAEH,gBAAiB,CAAC;EAE3D,IAAKiC,QAAQ,IAAII,gBAAgB,IAAID,gBAAgB,EAAG;IACvD,MAAM8B,aAAa,GAAGA,CAAA,KAAM;MAC3BD,eAAe,CAAE,KAAM,CAAC;IACzB,CAAC;IACD,MAAME,QAAQ,GAAGA,CAAEC,KAAK,EAAEC,SAAS,EAAEC,GAAG,KAAM;MAC7CT,aAAa,CAAEU,QAAQ,CAAED,GAAG,CAACE,KAAK,CAACC,KAAM,CAAE,CAAC;IAC7C,CAAC;IACD,MAAMC,YAAY,GAAGA,CAAEN,KAAK,EAAEC,SAAS,EAAEC,GAAG,KAAM;MACjDL,eAAe,CAAE,IAAK,CAAC;MACvBV,iBAAiB,CAAEgB,QAAQ,CAAED,GAAG,CAACE,KAAK,CAACC,KAAM,CAAE,CAAC;IACjD,CAAC;IACD,MAAME,eAAe,GAAG;MACvBC,KAAK,EAAEd,YAAY,IAAIJ,aAAa,KAAK,MAAM;MAC/CmB,IAAI,EAAEf,YAAY,IAAIJ,aAAa,KAAK;IACzC,CAAC;IAED,MAAMoB,gBAAgB,GACrBnB,SAAS,KAAK,OAAO,IAAIH,SAAS,GAC/BzC,eAAe,CAAEkB,QAAQ,IAAII,gBAAgB,EAAEpB,UAAW,CAAC,GAC3D,CAAC,CAAC;IAEN,MAAM8D,kBAAkB,GAAG;MAC1BC,KAAK,EAAEA,CAAA,KACN5C,gBAAgB,IAAIC,gBAAgB,gBACnC3B,IAAA;QAAKuE,GAAG,EAAG5C,gBAAkB;QAAC6C,GAAG,EAAGnB;MAAkB,CAAE,CAAC,GAEzD9B,QAAQ,iBAAIvB,IAAA;QAAKuE,GAAG,EAAGhD,QAAU;QAACiD,GAAG,EAAGzB;MAAU,CAAE,CACpD;MACF0B,KAAK,EAAEA,CAAA,kBAAMzE,IAAA;QAAO0E,QAAQ;QAACH,GAAG,EAAGhD;MAAU,CAAE;IAChD,CAAC;IAED,oBACCrB,KAAA,CAACY,qBAAqB;MACrB6D,EAAE,EAAC,QAAQ;MACXxC,SAAS,EAAGtD,IAAI,CACfsD,SAAS,EACT,iCAAiC,EACjC;QAAE,cAAc,EAAEmB;MAAiB,CACpC,CAAG;MACHQ,KAAK,EAAGM,gBAAkB;MAC1BQ,IAAI,EAAG;QAAEb,KAAK,EAAEb,UAAU,GAAG;MAAI,CAAG;MACpC2B,QAAQ,EAAC,KAAK;MACdC,QAAQ,EAAC,MAAM;MACfC,MAAM,EAAGd,eAAiB;MAC1BT,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA,QAAU;MACrBO,YAAY,EAAGA,YAAc;MAC7BgB,IAAI,EAAC,GAAG;MACRjE,UAAU,EAAGA,UAAY;MACzBC,iBAAiB,EAAGA,iBAAmB;MACvCE,GAAG,EAAGA,GAAK;MAAAW,QAAA,gBAEX7B,IAAA,CAACqB,iBAAiB;QACjBG,aAAa,EAAGA,aAAe;QAC/BD,QAAQ,EACPG,gBAAgB,IAAIC,gBAAgB,GACjCA,gBAAgB,GAChBJ,QACH;QACDD,OAAO,EAAGA,OAAS;QACnBG,sBAAsB,EAAGA,sBAAwB;QACjDC,gBAAgB,EAAGA;MAAkB,CACrC,CAAC,EACA,CAAE2C,kBAAkB,CAAEpB,SAAS,CAAE,IAAI7C,IAAI,EAAG,CAAC,EAC7CkD,gBAAgB,iBAAItD,IAAA,CAACjB,OAAO,IAAE,CAAC,EAC/B,CAAE2C,gBAAgB,iBAAI1B,IAAA,CAACkC,oBAAoB;QAAA,GAAMjB;MAAK,CAAI,CAAC,EAC3D,CAAEU,gBAAgB,IAAID,gBAAgB,iBACvC1B,IAAA,CAAChB,WAAW;QACXmD,SAAS,EAAC,wCAAwC;QAClD8C,gBAAgB;MAAA,CAChB,CACD;IAAA,CACqB,CAAC;EAE1B;EAEA,oBAAOjF,IAAA,CAACkC,oBAAoB;IAAA,GAAMjB;EAAK,CAAI,CAAC;AAC7C;AAEA,eAAevB,UAAU,CAAEkD,cAAe,CAAC","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -25,6 +24,9 @@ import SvgIconRetry from './icon-retry';
 /**
  * Constants
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const ALLOWED_MEDIA_TYPES = [MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO];
 const ICON_TYPE = {
   PLACEHOLDER: 'placeholder',
@@ -101,7 +103,7 @@ class MediaContainer extends Component {
     switch (iconType) {
       case ICON_TYPE.RETRY:
         iconStyle = mediaType === MEDIA_TYPE_IMAGE ? styles.iconRetry : getStylesFromColorScheme(styles.iconRetryVideo, styles.iconRetryVideoDark);
-        return createElement(Icon, {
+        return /*#__PURE__*/_jsx(Icon, {
           icon: SvgIconRetry,
           ...iconStyle
         });
@@ -109,17 +111,31 @@ class MediaContainer extends Component {
         iconStyle = getStylesFromColorScheme(styles.iconPlaceholder, styles.iconPlaceholderDark);
         break;
     }
-    return createElement(Icon, {
+    return /*#__PURE__*/_jsx(Icon, {
       icon: icon,
       ...iconStyle
     });
   }
-  updateMediaProgress() {
-    if (!this.state.isUploadInProgress) {
+  updateMediaProgress(payload) {
+    const {
+      isUploadInProgress
+    } = this.state;
+    const {
+      mediaUrl,
+      state
+    } = payload;
+    const {
+      mediaType,
+      onMediaThumbnailUpdate
+    } = this.props;
+    if (!isUploadInProgress) {
       this.setState({
         isUploadInProgress: true
       });
     }
+    if (isUploadInProgress && mediaType === MEDIA_TYPE_IMAGE && mediaUrl && !state) {
+      onMediaThumbnailUpdate(mediaUrl);
+    }
   }
   finishMediaUploadWithSuccess(payload) {
     const {
@@ -171,30 +187,33 @@ class MediaContainer extends Component {
       retryMessage
     } = params;
     const focalPointValues = !focalPoint ? IMAGE_DEFAULT_FOCAL_POINT : focalPoint;
-    return createElement(View, {
+    return /*#__PURE__*/_jsx(View, {
       style: [imageFill && styles.imageWithFocalPoint, imageFill && shouldStack && {
         height: styles.imageFill.height
-      }]
-    }, createElement(TouchableWithoutFeedback, {
-      accessible: !isSelected,
-      onPress: this.onMediaPressed,
-      disabled: !isSelected
-    }, createElement(View, {
-      style: [imageFill && styles.imageCropped, styles.mediaImageContainer, !isUploadInProgress && aligmentStyles]
-    }, createElement(Image, {
-      align: "center",
-      alt: mediaAlt,
-      focalPoint: imageFill && focalPointValues,
-      isSelected: isMediaSelected,
-      isUploadFailed: isUploadFailed,
-      isUploadPaused: isUploadPaused,
-      isUploadInProgress: isUploadInProgress,
-      onSelectMediaUploadOption: this.onSelectMediaUploadOption,
-      openMediaOptions: openMediaOptions,
-      retryMessage: retryMessage,
-      url: mediaUrl,
-      width: !isUploadInProgress && mediaWidth
-    }))));
+      }],
+      children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        accessible: !isSelected,
+        onPress: this.onMediaPressed,
+        disabled: !isSelected,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [imageFill && styles.imageCropped, styles.mediaImageContainer, !isUploadInProgress && aligmentStyles],
+          children: /*#__PURE__*/_jsx(Image, {
+            align: "center",
+            alt: mediaAlt,
+            focalPoint: imageFill && focalPointValues,
+            isSelected: isMediaSelected,
+            isUploadFailed: isUploadFailed,
+            isUploadPaused: isUploadPaused,
+            isUploadInProgress: isUploadInProgress,
+            onSelectMediaUploadOption: this.onSelectMediaUploadOption,
+            openMediaOptions: openMediaOptions,
+            retryMessage: retryMessage,
+            url: mediaUrl,
+            width: !isUploadInProgress && mediaWidth
+          })
+        })
+      })
+    });
   }
   renderVideo(params) {
     const {
@@ -213,34 +232,42 @@ class MediaContainer extends Component {
     const showVideo = isURL(mediaUrl) && !isUploadInProgress && !isUploadFailed;
     const videoPlaceholderStyles = getStylesFromColorScheme(styles.videoPlaceholder, styles.videoPlaceholderDark);
     const retryVideoTextStyles = [styles.uploadFailedText, getStylesFromColorScheme(styles.uploadFailedTextVideo, styles.uploadFailedTextVideoDark)];
-    return createElement(View, {
-      style: styles.mediaVideo
-    }, createElement(TouchableWithoutFeedback, {
-      accessible: !isSelected,
-      onPress: this.onMediaPressed,
-      disabled: !isSelected
-    }, createElement(View, {
-      style: [styles.videoContainer, aligmentStyles]
-    }, createElement(View, {
-      style: [styles.videoContent, {
-        aspectRatio: VIDEO_ASPECT_RATIO
-      }]
-    }, showVideo && createElement(View, {
-      style: styles.videoPlayer
-    }, createElement(VideoPlayer, {
-      isSelected: isSelected,
-      style: styles.video,
-      source: {
-        uri: mediaUrl
-      },
-      paused: true
-    })), !showVideo && createElement(View, {
-      style: videoPlaceholderStyles
-    }, createElement(View, {
-      style: styles.modalIcon
-    }, isUploadFailed ? this.getIcon(ICON_TYPE.RETRY) : this.getIcon(ICON_TYPE.PLACEHOLDER)), isUploadFailed && createElement(Text, {
-      style: retryVideoTextStyles
-    }, retryMessage))))));
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.mediaVideo,
+      children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        accessible: !isSelected,
+        onPress: this.onMediaPressed,
+        disabled: !isSelected,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.videoContainer, aligmentStyles],
+          children: /*#__PURE__*/_jsxs(View, {
+            style: [styles.videoContent, {
+              aspectRatio: VIDEO_ASPECT_RATIO
+            }],
+            children: [showVideo && /*#__PURE__*/_jsx(View, {
+              style: styles.videoPlayer,
+              children: /*#__PURE__*/_jsx(VideoPlayer, {
+                isSelected: isSelected,
+                style: styles.video,
+                source: {
+                  uri: mediaUrl
+                },
+                paused: true
+              })
+            }), !showVideo && /*#__PURE__*/_jsxs(View, {
+              style: videoPlaceholderStyles,
+              children: [/*#__PURE__*/_jsx(View, {
+                style: styles.modalIcon,
+                children: isUploadFailed ? this.getIcon(ICON_TYPE.RETRY) : this.getIcon(ICON_TYPE.PLACEHOLDER)
+              }), isUploadFailed && /*#__PURE__*/_jsx(Text, {
+                style: retryVideoTextStyles,
+                children: retryMessage
+              })]
+            })]
+          })
+        })
+      })
+    });
   }
   renderContent(params, openMediaOptions) {
     const {
@@ -258,7 +285,7 @@ class MediaContainer extends Component {
     return mediaElement;
   }
   renderPlaceholder() {
-    return createElement(MediaPlaceholder, {
+    return /*#__PURE__*/_jsx(MediaPlaceholder, {
       icon: this.getIcon(ICON_TYPE.PLACEHOLDER),
       labels: {
         title: __('Media area')
@@ -266,7 +293,7 @@ class MediaContainer extends Component {
       onSelect: this.onSelectMediaUploadOption,
       allowedTypes: ALLOWED_MEDIA_TYPES,
       onFocus: this.props.onFocus,
-      className: 'no-block-outline'
+      className: "no-block-outline"
     });
   }
   render() {
@@ -278,7 +305,7 @@ class MediaContainer extends Component {
     } = this.props;
     const coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;
     if (mediaUrl) {
-      return createElement(MediaUpload, {
+      return /*#__PURE__*/_jsx(MediaUpload, {
         isReplacingMedia: true,
         onSelect: this.onSelectMediaUploadOption,
         allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -288,18 +315,20 @@ class MediaContainer extends Component {
           getMediaOptions
         }) => {
           onSetOpenPickerRef(open);
-          return createElement(Fragment, null, getMediaOptions(), createElement(MediaUploadProgress, {
-            enablePausedUploads: mediaType === MEDIA_TYPE_IMAGE,
-            coverUrl: coverUrl,
-            mediaId: mediaId,
-            onUpdateMediaProgress: this.updateMediaProgress,
-            onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
-            onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
-            onMediaUploadStateReset: this.mediaUploadStateReset,
-            renderContent: params => {
-              return this.renderContent(params, open);
-            }
-          }));
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [getMediaOptions(), /*#__PURE__*/_jsx(MediaUploadProgress, {
+              enablePausedUploads: mediaType === MEDIA_TYPE_IMAGE,
+              coverUrl: coverUrl,
+              mediaId: mediaId,
+              onUpdateMediaProgress: this.updateMediaProgress,
+              onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
+              onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
+              onMediaUploadStateReset: this.mediaUploadStateReset,
+              renderContent: params => {
+                return this.renderContent(params, open);
+              }
+            })]
+          });
         }
       });
     }

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","TouchableWithoutFeedback","mediaUploadSync","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","Icon","Image","IMAGE_DEFAULT_FOCAL_POINT","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","MediaPlaceholder","MediaUpload","MediaUploadProgress","VIDEO_ASPECT_RATIO","VideoPlayer","Component","__","isURL","getProtocol","compose","withPreferredColorScheme","media","icon","styles","SvgIconRetry","ALLOWED_MEDIA_TYPES","ICON_TYPE","PLACEHOLDER","RETRY","imageFillStyles","MediaContainer","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","getIcon","iconType","getStylesFromColorScheme","iconStyle","iconRetry","iconRetryVideo","iconRetryVideoDark","createElement","iconPlaceholder","iconPlaceholderDark","setState","payload","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","style","imageWithFocalPoint","height","accessible","onPress","disabled","imageCropped","mediaImageContainer","align","alt","width","renderVideo","showVideo","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","videoPlayer","video","source","uri","paused","modalIcon","renderContent","mediaElement","renderPlaceholder","labels","title","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","isReplacingMedia","value","open","getMediaOptions","Fragment","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nexport { imageFillStyles } from './media-container.js';\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress() {\n\t\tif ( ! this.state.isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, isUploadPaused, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\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\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadPaused={ isUploadPaused }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tclassName={ 'no-block-outline' }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tenablePausedUploads={\n\t\t\t\t\t\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\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</>\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}\n\t\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","Text","TouchableWithoutFeedback","mediaUploadSync","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","Icon","Image","IMAGE_DEFAULT_FOCAL_POINT","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","MediaPlaceholder","MediaUpload","MediaUploadProgress","VIDEO_ASPECT_RATIO","VideoPlayer","Component","__","isURL","getProtocol","compose","withPreferredColorScheme","media","icon","styles","SvgIconRetry","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ALLOWED_MEDIA_TYPES","ICON_TYPE","PLACEHOLDER","RETRY","imageFillStyles","MediaContainer","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","getIcon","iconType","getStylesFromColorScheme","iconStyle","iconRetry","iconRetryVideo","iconRetryVideoDark","iconPlaceholder","iconPlaceholderDark","payload","onMediaThumbnailUpdate","setState","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","style","imageWithFocalPoint","height","children","accessible","onPress","disabled","imageCropped","mediaImageContainer","align","alt","width","renderVideo","showVideo","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","videoPlayer","video","source","uri","paused","modalIcon","renderContent","mediaElement","renderPlaceholder","labels","title","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","isReplacingMedia","value","open","getMediaOptions","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nexport { imageFillStyles } from './media-container.js';\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { mediaUrl, state } = payload;\n\t\tconst { mediaType, onMediaThumbnailUpdate } = this.props;\n\n\t\tif ( ! isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\n\t\tif (\n\t\t\tisUploadInProgress &&\n\t\t\tmediaType === MEDIA_TYPE_IMAGE &&\n\t\t\tmediaUrl &&\n\t\t\t! state\n\t\t) {\n\t\t\tonMediaThumbnailUpdate( mediaUrl );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, isUploadPaused, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\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\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadPaused={ isUploadPaused }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tclassName=\"no-block-outline\"\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tenablePausedUploads={\n\t\t\t\t\t\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\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</>\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}\n\t\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -14,6 +13,8 @@ import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
  */
 import { imageFillStyles } from './media-container';
 import { DEFAULT_MEDIA_SIZE_SLUG } from './constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_MEDIA_WIDTH = 50;
 const noop = () => {};
 export default function save({
@@ -37,31 +38,32 @@ export default function save({
   } = attributes;
   const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
   const newRel = !rel ? undefined : rel;
-  const imageClasses = classnames({
+  const imageClasses = clsx({
     [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
     [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
   });
-  let image = mediaUrl ? createElement("img", {
+  let image = mediaUrl ? /*#__PURE__*/_jsx("img", {
     src: mediaUrl,
     alt: mediaAlt,
     className: imageClasses || null
   }) : null;
   if (href) {
-    image = createElement("a", {
+    image = /*#__PURE__*/_jsx("a", {
       className: linkClass,
       href: href,
       target: linkTarget,
-      rel: newRel
-    }, image);
+      rel: newRel,
+      children: image
+    });
   }
   const mediaTypeRenders = {
     image: () => image,
-    video: () => createElement("video", {
+    video: () => /*#__PURE__*/_jsx("video", {
       controls: true,
       src: mediaUrl
     })
   };
-  const className = classnames({
+  const className = clsx({
     'has-media-on-the-right': 'right' === mediaPosition,
     'is-stacked-on-mobile': isStackedOnMobile,
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -76,32 +78,36 @@ export default function save({
     gridTemplateColumns
   };
   if ('right' === mediaPosition) {
-    return createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ...useBlockProps.save({
         className,
         style
-      })
-    }, createElement("div", {
-      ...useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    }), createElement("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()));
+      }),
+      children: [/*#__PURE__*/_jsx("div", {
+        ...useInnerBlocksProps.save({
+          className: 'wp-block-media-text__content'
+        })
+      }), /*#__PURE__*/_jsx("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      })]
+    });
   }
-  return createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ...useBlockProps.save({
       className,
       style
-    })
-  }, createElement("figure", {
-    className: "wp-block-media-text__media",
-    style: backgroundStyles
-  }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", {
-    ...useInnerBlocksProps.save({
-      className: 'wp-block-media-text__content'
-    })
-  }));
+    }),
+    children: [/*#__PURE__*/_jsx("figure", {
+      className: "wp-block-media-text__media",
+      style: backgroundStyles,
+      children: (mediaTypeRenders[mediaType] || noop)()
+    }), /*#__PURE__*/_jsx("div", {
+      ...useInnerBlocksProps.save({
+        className: 'wp-block-media-text__content'
+      })
+    })]
+  });
 }
 //# sourceMappingURL=save.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useInnerBlocksProps","useBlockProps","imageFillStyles","DEFAULT_MEDIA_SIZE_SLUG","DEFAULT_MEDIA_WIDTH","noop","save","attributes","isStackedOnMobile","mediaAlt","mediaPosition","mediaType","mediaUrl","mediaWidth","mediaId","verticalAlignment","imageFill","focalPoint","linkClass","href","linkTarget","rel","mediaSizeSlug","newRel","undefined","imageClasses","image","createElement","src","alt","className","target","mediaTypeRenders","video","controls","backgroundStyles","gridTemplateColumns","style"],"sources":["@wordpress/block-library/src/media-text/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './media-container';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tmediaId,\n\t\tverticalAlignment,\n\t\timageFill,\n\t\tfocalPoint,\n\t\tlinkClass,\n\t\thref,\n\t\tlinkTarget,\n\t\trel,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\tconst newRel = ! rel ? undefined : rel;\n\n\tconst imageClasses = classnames( {\n\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t} );\n\n\tlet image = mediaUrl ? (\n\t\t<img\n\t\t\tsrc={ mediaUrl }\n\t\t\talt={ mediaAlt }\n\t\t\tclassName={ imageClasses || null }\n\t\t/>\n\t) : null;\n\n\tif ( href ) {\n\t\timage = (\n\t\t\t<a\n\t\t\t\tclassName={ linkClass }\n\t\t\t\thref={ href }\n\t\t\t\ttarget={ linkTarget }\n\t\t\t\trel={ newRel }\n\t\t\t>\n\t\t\t\t{ image }\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst mediaTypeRenders = {\n\t\timage: () => image,\n\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t};\n\tconst className = classnames( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\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 backgroundStyles = imageFill\n\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t: {};\n\n\tlet gridTemplateColumns;\n\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\tgridTemplateColumns =\n\t\t\t'right' === mediaPosition\n\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t: `${ mediaWidth }% auto`;\n\t}\n\tconst style = {\n\t\tgridTemplateColumns,\n\t};\n\n\tif ( 'right' === mediaPosition ) {\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t<figure\n\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t>\n\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t</figure>\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useInnerBlocksProps","useBlockProps","imageFillStyles","DEFAULT_MEDIA_SIZE_SLUG","jsx","_jsx","jsxs","_jsxs","DEFAULT_MEDIA_WIDTH","noop","save","attributes","isStackedOnMobile","mediaAlt","mediaPosition","mediaType","mediaUrl","mediaWidth","mediaId","verticalAlignment","imageFill","focalPoint","linkClass","href","linkTarget","rel","mediaSizeSlug","newRel","undefined","imageClasses","image","src","alt","className","target","children","mediaTypeRenders","video","controls","backgroundStyles","gridTemplateColumns","style"],"sources":["@wordpress/block-library/src/media-text/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './media-container';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tmediaId,\n\t\tverticalAlignment,\n\t\timageFill,\n\t\tfocalPoint,\n\t\tlinkClass,\n\t\thref,\n\t\tlinkTarget,\n\t\trel,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\tconst newRel = ! rel ? undefined : rel;\n\n\tconst imageClasses = clsx( {\n\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t} );\n\n\tlet image = mediaUrl ? (\n\t\t<img\n\t\t\tsrc={ mediaUrl }\n\t\t\talt={ mediaAlt }\n\t\t\tclassName={ imageClasses || null }\n\t\t/>\n\t) : null;\n\n\tif ( href ) {\n\t\timage = (\n\t\t\t<a\n\t\t\t\tclassName={ linkClass }\n\t\t\t\thref={ href }\n\t\t\t\ttarget={ linkTarget }\n\t\t\t\trel={ newRel }\n\t\t\t>\n\t\t\t\t{ image }\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst mediaTypeRenders = {\n\t\timage: () => image,\n\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t};\n\tconst className = clsx( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\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 backgroundStyles = imageFill\n\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t: {};\n\n\tlet gridTemplateColumns;\n\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\tgridTemplateColumns =\n\t\t\t'right' === mediaPosition\n\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t: `${ mediaWidth }% auto`;\n\t}\n\tconst style = {\n\t\tgridTemplateColumns,\n\t};\n\n\tif ( 'right' === mediaPosition ) {\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t<figure\n\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\tstyle={ backgroundStyles }\n\t\t\t>\n\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t</figure>\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/missing/edit.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,8 @@ import { createBlock } from '@wordpress/blocks';
 import { withDispatch, useSelect } from '@wordpress/data';
 import { Warning, useBlockProps, store as blockEditorStore } from '@wordpress/block-editor';
 import { safeHTML } from '@wordpress/dom';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function MissingBlockWarning({
   attributes,
   convertToHTML,
@@ -34,11 +35,11 @@ function MissingBlockWarning({
   }, [clientId]);
   const actions = [];
   let messageHTML;
-  const convertToHtmlButton = createElement(Button, {
-    key: "convert",
+  const convertToHtmlButton = /*#__PURE__*/_jsx(Button, {
     onClick: convertToHTML,
-    variant: "primary"
-  }, __('Keep as HTML'));
+    variant: "primary",
+    children: __('Keep as HTML')
+  }, "convert");
   if (hasContent && !hasFreeformBlock && !originalName) {
     if (hasHTMLBlock) {
       messageHTML = __('It appears you are trying to use the deprecated Classic block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.');
@@ -54,13 +55,17 @@ function MissingBlockWarning({
     messageHTML = sprintf( /* translators: %s: block name */
     __('Your site doesn’t include support for the "%s" block. You can leave this block intact or remove it entirely.'), originalName);
   }
-  return createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ...useBlockProps({
       className: 'has-warning'
-    })
-  }, createElement(Warning, {
-    actions: actions
-  }, messageHTML), createElement(RawHTML, null, safeHTML(originalUndelimitedContent)));
+    }),
+    children: [/*#__PURE__*/_jsx(Warning, {
+      actions: actions,
+      children: messageHTML
+    }), /*#__PURE__*/_jsx(RawHTML, {
+      children: safeHTML(originalUndelimitedContent)
+    })]
+  });
 }
 const MissingEdit = withDispatch((dispatch, {
   clientId,