@wordpress/block-library 8.19.3 → 8.20.0

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

@@ -11,11 +11,12 @@ Object.defineProperty(exports, "imageFillStyles", {
     return _mediaContainer.imageFillStyles;
   }
 });
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _url = require("@wordpress/url");
 var _compose = require("@wordpress/compose");
@@ -113,7 +114,7 @@ class MediaContainer extends _element.Component {
     switch (iconType) {
       case ICON_TYPE.RETRY:
         iconStyle = mediaType === _blockEditor.MEDIA_TYPE_IMAGE ? _style.default.iconRetry : getStylesFromColorScheme(_style.default.iconRetryVideo, _style.default.iconRetryVideoDark);
-        return (0, _element.createElement)(_components.Icon, {
+        return (0, _react.createElement)(_components.Icon, {
           icon: _iconRetry.default,
           ...iconStyle
         });
@@ -121,7 +122,7 @@ class MediaContainer extends _element.Component {
         iconStyle = getStylesFromColorScheme(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark);
         break;
     }
-    return (0, _element.createElement)(_components.Icon, {
+    return (0, _react.createElement)(_components.Icon, {
       icon: _icons.media,
       ...iconStyle
     });
@@ -182,17 +183,17 @@ class MediaContainer extends _element.Component {
       retryMessage
     } = params;
     const focalPointValues = !focalPoint ? _components.IMAGE_DEFAULT_FOCAL_POINT : focalPoint;
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: [imageFill && _style.default.imageWithFocalPoint, imageFill && shouldStack && {
         height: _style.default.imageFill.height
       }]
-    }, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+    }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
       accessible: !isSelected,
       onPress: this.onMediaPressed,
       disabled: !isSelected
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: [imageFill && _style.default.imageCropped, _style.default.mediaImageContainer, !isUploadInProgress && aligmentStyles]
-    }, (0, _element.createElement)(_components.Image, {
+    }, (0, _react.createElement)(_components.Image, {
       align: "center",
       alt: mediaAlt,
       focalPoint: imageFill && focalPointValues,
@@ -223,32 +224,32 @@ class MediaContainer extends _element.Component {
     const showVideo = (0, _url.isURL)(mediaUrl) && !isUploadInProgress && !isUploadFailed;
     const videoPlaceholderStyles = getStylesFromColorScheme(_style.default.videoPlaceholder, _style.default.videoPlaceholderDark);
     const retryVideoTextStyles = [_style.default.uploadFailedText, getStylesFromColorScheme(_style.default.uploadFailedTextVideo, _style.default.uploadFailedTextVideoDark)];
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: _style.default.mediaVideo
-    }, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+    }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
       accessible: !isSelected,
       onPress: this.onMediaPressed,
       disabled: !isSelected
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: [_style.default.videoContainer, aligmentStyles]
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: [_style.default.videoContent, {
         aspectRatio: _blockEditor.VIDEO_ASPECT_RATIO
       }]
-    }, showVideo && (0, _element.createElement)(_reactNative.View, {
+    }, showVideo && (0, _react.createElement)(_reactNative.View, {
       style: _style.default.videoPlayer
-    }, (0, _element.createElement)(_blockEditor.VideoPlayer, {
+    }, (0, _react.createElement)(_blockEditor.VideoPlayer, {
       isSelected: isSelected,
       style: _style.default.video,
       source: {
         uri: mediaUrl
       },
       paused: true
-    })), !showVideo && (0, _element.createElement)(_reactNative.View, {
+    })), !showVideo && (0, _react.createElement)(_reactNative.View, {
       style: videoPlaceholderStyles
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _style.default.modalIcon
-    }, isUploadFailed ? this.getIcon(ICON_TYPE.RETRY) : this.getIcon(ICON_TYPE.PLACEHOLDER)), isUploadFailed && (0, _element.createElement)(_reactNative.Text, {
+    }, isUploadFailed ? this.getIcon(ICON_TYPE.RETRY) : this.getIcon(ICON_TYPE.PLACEHOLDER)), isUploadFailed && (0, _react.createElement)(_reactNative.Text, {
       style: retryVideoTextStyles
     }, retryMessage))))));
   }
@@ -268,7 +269,7 @@ class MediaContainer extends _element.Component {
     return mediaElement;
   }
   renderPlaceholder() {
-    return (0, _element.createElement)(_blockEditor.MediaPlaceholder, {
+    return (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
       icon: this.getIcon(ICON_TYPE.PLACEHOLDER),
       labels: {
         title: (0, _i18n.__)('Media area')
@@ -288,7 +289,7 @@ class MediaContainer extends _element.Component {
     } = this.props;
     const coverUrl = mediaType === _blockEditor.MEDIA_TYPE_IMAGE ? mediaUrl : null;
     if (mediaUrl) {
-      return (0, _element.createElement)(_blockEditor.MediaUpload, {
+      return (0, _react.createElement)(_blockEditor.MediaUpload, {
         isReplacingMedia: true,
         onSelect: this.onSelectMediaUploadOption,
         allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -298,7 +299,7 @@ class MediaContainer extends _element.Component {
           getMediaOptions
         }) => {
           onSetOpenPickerRef(open);
-          return (0, _element.createElement)(_element.Fragment, null, getMediaOptions(), (0, _element.createElement)(_blockEditor.MediaUploadProgress, {
+          return (0, _react.createElement)(_react.Fragment, null, getMediaOptions(), (0, _react.createElement)(_blockEditor.MediaUploadProgress, {
             coverUrl: coverUrl,
             mediaId: mediaId,
             onUpdateMediaProgress: this.updateMediaProgress,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_reactNativeBridge","_components","_blockEditor","_i18n","_url","_compose","_icons","_style","_interopRequireDefault","_iconRetry","_mediaContainer","ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","getProtocol","mediaUploadSync","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","createElement","Icon","icon","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","setState","payload","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","View","style","imageWithFocalPoint","height","TouchableWithoutFeedback","accessible","onPress","disabled","imageCropped","mediaImageContainer","Image","align","alt","width","renderVideo","showVideo","isURL","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","VideoPlayer","video","source","uri","paused","modalIcon","Text","renderContent","mediaElement","renderPlaceholder","MediaPlaceholder","labels","title","__","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","MediaUpload","isReplacingMedia","value","open","getMediaOptions","Fragment","MediaUploadProgress","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","_default","compose","withPreferredColorScheme","exports","default"],"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, 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\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={ true }\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={ true }\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\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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"}
+{"version":3,"names":["_reactNative","require","_reactNativeBridge","_components","_blockEditor","_element","_i18n","_url","_compose","_icons","_style","_interopRequireDefault","_iconRetry","_mediaContainer","ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","getProtocol","mediaUploadSync","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","_react","createElement","Icon","icon","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","setState","payload","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","View","style","imageWithFocalPoint","height","TouchableWithoutFeedback","accessible","onPress","disabled","imageCropped","mediaImageContainer","Image","align","alt","width","renderVideo","showVideo","isURL","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","VideoPlayer","video","source","uri","paused","modalIcon","Text","renderContent","mediaElement","renderPlaceholder","MediaPlaceholder","labels","title","__","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","MediaUpload","isReplacingMedia","value","open","getMediaOptions","Fragment","MediaUploadProgress","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","_default","compose","withPreferredColorScheme","exports","default"],"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, 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\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={ true }\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={ true }\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\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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"}

package/build/media-text/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _mediaContainer = require("./media-container");
@@ -49,13 +49,13 @@ function save({
     [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
     [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
   });
-  let image = (0, _element.createElement)("img", {
+  let image = (0, _react.createElement)("img", {
     src: mediaUrl,
     alt: mediaAlt,
     className: imageClasses || null
   });
   if (href) {
-    image = (0, _element.createElement)("a", {
+    image = (0, _react.createElement)("a", {
       className: linkClass,
       href: href,
       target: linkTarget,
@@ -64,7 +64,7 @@ function save({
   }
   const mediaTypeRenders = {
     image: () => image,
-    video: () => (0, _element.createElement)("video", {
+    video: () => (0, _react.createElement)("video", {
       controls: true,
       src: mediaUrl
     })
@@ -84,29 +84,29 @@ function save({
     gridTemplateColumns
   };
   if ('right' === mediaPosition) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         className,
         style
       })
-    }, (0, _element.createElement)("div", {
+    }, (0, _react.createElement)("div", {
       ..._blockEditor.useInnerBlocksProps.save({
         className: 'wp-block-media-text__content'
       })
-    }), (0, _element.createElement)("figure", {
+    }), (0, _react.createElement)("figure", {
       className: "wp-block-media-text__media",
       style: backgroundStyles
     }, (mediaTypeRenders[mediaType] || noop)()));
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ..._blockEditor.useBlockProps.save({
       className,
       style
     })
-  }, (0, _element.createElement)("figure", {
+  }, (0, _react.createElement)("figure", {
     className: "wp-block-media-text__media",
     style: backgroundStyles
-  }, (mediaTypeRenders[mediaType] || noop)()), (0, _element.createElement)("div", {
+  }, (mediaTypeRenders[mediaType] || noop)()), (0, _react.createElement)("div", {
     ..._blockEditor.useInnerBlocksProps.save({
       className: 'wp-block-media-text__content'
     })

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_mediaContainer","_constants","DEFAULT_MEDIA_WIDTH","noop","save","attributes","isStackedOnMobile","mediaAlt","mediaPosition","mediaType","mediaUrl","mediaWidth","mediaId","verticalAlignment","imageFill","focalPoint","linkClass","href","linkTarget","rel","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","newRel","undefined","imageClasses","classnames","image","_element","createElement","src","alt","className","target","mediaTypeRenders","video","controls","backgroundStyles","imageFillStyles","gridTemplateColumns","style","useBlockProps","useInnerBlocksProps"],"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 = (\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);\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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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_mediaContainer","_constants","DEFAULT_MEDIA_WIDTH","noop","save","attributes","isStackedOnMobile","mediaAlt","mediaPosition","mediaType","mediaUrl","mediaWidth","mediaId","verticalAlignment","imageFill","focalPoint","linkClass","href","linkTarget","rel","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","newRel","undefined","imageClasses","classnames","image","_react","createElement","src","alt","className","target","mediaTypeRenders","video","controls","backgroundStyles","imageFillStyles","gridTemplateColumns","style","useBlockProps","useInnerBlocksProps"],"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 = (\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);\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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"}

package/build/missing/edit.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
@@ -40,7 +41,7 @@ function MissingBlockWarning({
   }, [clientId]);
   const actions = [];
   let messageHTML;
-  const convertToHtmlButton = (0, _element.createElement)(_components.Button, {
+  const convertToHtmlButton = (0, _react.createElement)(_components.Button, {
     key: "convert",
     onClick: convertToHTML,
     variant: "primary"
@@ -60,13 +61,13 @@ function MissingBlockWarning({
     messageHTML = (0, _i18n.sprintf)( /* translators: %s: block name */
     (0, _i18n.__)('Your site doesn’t include support for the "%s" block. You can leave this block intact or remove it entirely.'), originalName);
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...(0, _blockEditor.useBlockProps)({
       className: 'has-warning'
     })
-  }, (0, _element.createElement)(_blockEditor.Warning, {
+  }, (0, _react.createElement)(_blockEditor.Warning, {
     actions: actions
-  }, messageHTML), (0, _element.createElement)(_element.RawHTML, null, (0, _dom.safeHTML)(originalUndelimitedContent)));
+  }, messageHTML), (0, _react.createElement)(_element.RawHTML, null, (0, _dom.safeHTML)(originalUndelimitedContent)));
 }
 const MissingEdit = (0, _data.withDispatch)((dispatch, {
   clientId,

package/build/missing/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_blocks","_data","_blockEditor","_dom","MissingBlockWarning","attributes","convertToHTML","clientId","originalName","originalUndelimitedContent","hasContent","hasFreeformBlock","hasHTMLBlock","useSelect","select","canInsertBlockType","getBlockRootClientId","blockEditorStore","actions","messageHTML","convertToHtmlButton","createElement","Button","key","onClick","variant","__","push","sprintf","useBlockProps","className","Warning","RawHTML","safeHTML","MissingEdit","withDispatch","dispatch","replaceBlock","createBlock","content","_default","exports","default"],"sources":["@wordpress/block-library/src/missing/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { RawHTML } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { createBlock } from '@wordpress/blocks';\nimport { withDispatch, useSelect } from '@wordpress/data';\nimport {\n\tWarning,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { safeHTML } from '@wordpress/dom';\n\nfunction MissingBlockWarning( { attributes, convertToHTML, clientId } ) {\n\tconst { originalName, originalUndelimitedContent } = attributes;\n\tconst hasContent = !! originalUndelimitedContent;\n\tconst { hasFreeformBlock, hasHTMLBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasFreeformBlock: canInsertBlockType(\n\t\t\t\t\t'core/freeform',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t\thasHTMLBlock: canInsertBlockType(\n\t\t\t\t\t'core/html',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst actions = [];\n\tlet messageHTML;\n\n\tconst convertToHtmlButton = (\n\t\t<Button key=\"convert\" onClick={ convertToHTML } variant=\"primary\">\n\t\t\t{ __( 'Keep as HTML' ) }\n\t\t</Button>\n\t);\n\n\tif ( hasContent && ! hasFreeformBlock && ! originalName ) {\n\t\tif ( hasHTMLBlock ) {\n\t\t\tmessageHTML = __(\n\t\t\t\t'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.'\n\t\t\t);\n\t\t\tactions.push( convertToHtmlButton );\n\t\t} else {\n\t\t\tmessageHTML = __(\n\t\t\t\t'It appears you are trying to use the deprecated Classic block. You can leave this block intact, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.'\n\t\t\t);\n\t\t}\n\t} else if ( hasContent && hasHTMLBlock ) {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t\tactions.push( convertToHtmlButton );\n\t} else {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave this block intact or remove it entirely.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'has-warning' } ) }>\n\t\t\t<Warning actions={ actions }>{ messageHTML }</Warning>\n\t\t\t<RawHTML>{ safeHTML( originalUndelimitedContent ) }</RawHTML>\n\t\t</div>\n\t);\n}\n\nconst MissingEdit = withDispatch( ( dispatch, { clientId, attributes } ) => {\n\tconst { replaceBlock } = dispatch( blockEditorStore );\n\treturn {\n\t\tconvertToHTML() {\n\t\t\treplaceBlock(\n\t\t\t\tclientId,\n\t\t\t\tcreateBlock( 'core/html', {\n\t\t\t\t\tcontent: attributes.originalUndelimitedContent,\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t};\n} )( MissingBlockWarning );\n\nexport default MissingEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_element","_components","_blocks","_data","_blockEditor","_dom","MissingBlockWarning","attributes","convertToHTML","clientId","originalName","originalUndelimitedContent","hasContent","hasFreeformBlock","hasHTMLBlock","useSelect","select","canInsertBlockType","getBlockRootClientId","blockEditorStore","actions","messageHTML","convertToHtmlButton","_react","createElement","Button","key","onClick","variant","__","push","sprintf","useBlockProps","className","Warning","RawHTML","safeHTML","MissingEdit","withDispatch","dispatch","replaceBlock","createBlock","content","_default","exports","default"],"sources":["@wordpress/block-library/src/missing/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { RawHTML } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { createBlock } from '@wordpress/blocks';\nimport { withDispatch, useSelect } from '@wordpress/data';\nimport {\n\tWarning,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { safeHTML } from '@wordpress/dom';\n\nfunction MissingBlockWarning( { attributes, convertToHTML, clientId } ) {\n\tconst { originalName, originalUndelimitedContent } = attributes;\n\tconst hasContent = !! originalUndelimitedContent;\n\tconst { hasFreeformBlock, hasHTMLBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasFreeformBlock: canInsertBlockType(\n\t\t\t\t\t'core/freeform',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t\thasHTMLBlock: canInsertBlockType(\n\t\t\t\t\t'core/html',\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst actions = [];\n\tlet messageHTML;\n\n\tconst convertToHtmlButton = (\n\t\t<Button key=\"convert\" onClick={ convertToHTML } variant=\"primary\">\n\t\t\t{ __( 'Keep as HTML' ) }\n\t\t</Button>\n\t);\n\n\tif ( hasContent && ! hasFreeformBlock && ! originalName ) {\n\t\tif ( hasHTMLBlock ) {\n\t\t\tmessageHTML = __(\n\t\t\t\t'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.'\n\t\t\t);\n\t\t\tactions.push( convertToHtmlButton );\n\t\t} else {\n\t\t\tmessageHTML = __(\n\t\t\t\t'It appears you are trying to use the deprecated Classic block. You can leave this block intact, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.'\n\t\t\t);\n\t\t}\n\t} else if ( hasContent && hasHTMLBlock ) {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t\tactions.push( convertToHtmlButton );\n\t} else {\n\t\tmessageHTML = sprintf(\n\t\t\t/* translators: %s: block name */\n\t\t\t__(\n\t\t\t\t'Your site doesn’t include support for the \"%s\" block. You can leave this block intact or remove it entirely.'\n\t\t\t),\n\t\t\toriginalName\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'has-warning' } ) }>\n\t\t\t<Warning actions={ actions }>{ messageHTML }</Warning>\n\t\t\t<RawHTML>{ safeHTML( originalUndelimitedContent ) }</RawHTML>\n\t\t</div>\n\t);\n}\n\nconst MissingEdit = withDispatch( ( dispatch, { clientId, attributes } ) => {\n\tconst { replaceBlock } = dispatch( blockEditorStore );\n\treturn {\n\t\tconvertToHTML() {\n\t\t\treplaceBlock(\n\t\t\t\tclientId,\n\t\t\t\tcreateBlock( 'core/html', {\n\t\t\t\t\tcontent: attributes.originalUndelimitedContent,\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t};\n} )( MissingBlockWarning );\n\nexport default MissingEdit;\n"],"mappings":"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"}

package/build/missing/edit.native.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.UnsupportedBlockEdit = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _blockLibrary = require("@wordpress/block-library");
 var _blocks = require("@wordpress/blocks");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _data = require("@wordpress/data");
@@ -72,13 +73,13 @@ class UnsupportedBlockEdit extends _element.Component {
   }
   renderHelpIcon() {
     const infoIconStyle = this.props.getStylesFromColorScheme(_style.default.infoIcon, _style.default.infoIconDark);
-    return (0, _element.createElement)(_reactNative.TouchableOpacity, {
+    return (0, _react.createElement)(_reactNative.TouchableOpacity, {
       onPress: this.onHelpButtonPressed,
       style: _style.default.helpIconContainer,
       accessibilityLabel: (0, _i18n.__)('Help button'),
       accessibilityRole: 'button',
       accessibilityHint: (0, _i18n.__)('Tap here to show help')
-    }, (0, _element.createElement)(_components.Icon, {
+    }, (0, _react.createElement)(_components.Icon, {
       className: "unsupported-icon-help",
       label: (0, _i18n.__)('Help icon'),
       icon: _icons.help,
@@ -124,7 +125,7 @@ class UnsupportedBlockEdit extends _element.Component {
     const missingBlockDetail = (0, _hooks.applyFilters)('native.missing_block_detail', (0, _i18n.__)('We are working hard to add more blocks with each release.'), blockName);
     const missingBlockActionButton = (0, _hooks.applyFilters)('native.missing_block_action_button', (0, _i18n.__)('Edit using web editor'));
     const actionButtonStyle = getStylesFromColorScheme(_style.default.actionButton, _style.default.actionButtonDark);
-    return (0, _element.createElement)(_components.BottomSheet, {
+    return (0, _react.createElement)(_components.BottomSheet, {
       isVisible: this.state.showHelp,
       hideHeader: true,
       onClose: this.closeSheet,
@@ -149,22 +150,22 @@ class UnsupportedBlockEdit extends _element.Component {
           });
         }
       }
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _style.default.infoContainer
-    }, (0, _element.createElement)(_components.Icon, {
+    }, (0, _react.createElement)(_components.Icon, {
       icon: _icons.help,
       color: infoSheetIconStyle.color,
       size: _style.default.infoSheetIcon.size
-    }), (0, _element.createElement)(_reactNative.Text, {
+    }), (0, _react.createElement)(_reactNative.Text, {
       style: [infoTextStyle, infoTitleStyle]
-    }, infoTitle), isEditableInUnsupportedBlockEditor && missingBlockDetail && (0, _element.createElement)(_reactNative.Text, {
+    }, infoTitle), isEditableInUnsupportedBlockEditor && missingBlockDetail && (0, _react.createElement)(_reactNative.Text, {
       style: [infoTextStyle, infoDescriptionStyle]
-    }, missingBlockDetail)), (isUnsupportedBlockEditorSupported || canEnableUnsupportedBlockEditor) && isEditableInUnsupportedBlockEditor && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.TextControl, {
+    }, missingBlockDetail)), (isUnsupportedBlockEditorSupported || canEnableUnsupportedBlockEditor) && isEditableInUnsupportedBlockEditor && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.TextControl, {
       label: missingBlockActionButton,
       separatorType: "topFullWidth",
       onPress: this.requestFallback,
       labelStyle: actionButtonStyle
-    }), (0, _element.createElement)(_components.TextControl, {
+    }), (0, _react.createElement)(_components.TextControl, {
       label: (0, _i18n.__)('Dismiss'),
       separatorType: "topFullWidth",
       onPress: this.toggleSheet,
@@ -183,27 +184,27 @@ class UnsupportedBlockEdit extends _element.Component {
     const title = this.getTitle();
     const titleStyle = getStylesFromColorScheme(_style.default.unsupportedBlockMessage, _style.default.unsupportedBlockMessageDark);
     const subTitleStyle = getStylesFromColorScheme(_style.default.unsupportedBlockSubtitle, _style.default.unsupportedBlockSubtitleDark);
-    const subtitle = (0, _element.createElement)(_reactNative.Text, {
+    const subtitle = (0, _react.createElement)(_reactNative.Text, {
       style: subTitleStyle
     }, (0, _i18n.__)('Unsupported'));
     const icon = blockType ? (0, _blocks.normalizeIconObject)(blockType.settings.icon) : _icons.plugins;
     const iconStyle = getStylesFromColorScheme(_style.default.unsupportedBlockIcon, _style.default.unsupportedBlockIconDark);
     const iconClassName = 'unsupported-icon' + '-' + preferredColorScheme;
-    return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+    return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
       disabled: !this.props.isSelected,
       accessibilityLabel: (0, _i18n.__)('Help button'),
       accessibilityRole: 'button',
       accessibilityHint: (0, _i18n.__)('Tap here to show help'),
       onPress: this.toggleSheet
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: getStylesFromColorScheme(_style.default.unsupportedBlock, _style.default.unsupportedBlockDark)
-    }, this.renderHelpIcon(), (0, _element.createElement)(_reactNative.View, {
+    }, this.renderHelpIcon(), (0, _react.createElement)(_reactNative.View, {
       style: _style.default.unsupportedBlockHeader
-    }, (0, _element.createElement)(_components.Icon, {
+    }, (0, _react.createElement)(_components.Icon, {
       className: iconClassName,
       icon: icon && icon.src ? icon.src : icon,
       fill: iconStyle.color
-    }), (0, _element.createElement)(_reactNative.Text, {
+    }), (0, _react.createElement)(_reactNative.Text, {
       style: titleStyle
     }, title)), subtitle, this.renderSheet(title, originalName)));
   }