@wordpress/block-library 8.19.6 → 8.20.1

package/build/embed/embed-no-preview.native.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _primitives = require("@wordpress/primitives");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _data = require("@wordpress/data");
@@ -80,55 +81,55 @@ const EmbedNoPreview = ({
   function onPressHelp() {
     onPressContainer();
   }
-  const embedNoProviderPreview = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const embedNoProviderPreview = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     accessibilityRole: 'button',
     accessibilityHint: previewButtonA11yHint,
     disabled: !isSelected,
     onPress: onPressContainer
-  }, (0, _element.createElement)(_primitives.View, {
+  }, (0, _react.createElement)(_primitives.View, {
     style: containerStyle
-  }, (0, _element.createElement)(_blockEditor.BlockIcon, {
+  }, (0, _react.createElement)(_blockEditor.BlockIcon, {
     icon: icon
-  }), (0, _element.createElement)(_reactNative.Text, {
+  }), (0, _react.createElement)(_reactNative.Text, {
     style: labelStyle
-  }, label), (0, _element.createElement)(_reactNative.Text, {
+  }, label), (0, _react.createElement)(_reactNative.Text, {
     style: descriptionStyle
   }, (0, _i18n.sprintf)(
   // translators: %s: embed block variant's label e.g: "Twitter".
-  (0, _i18n.__)('%s previews not yet available'), label)), (0, _element.createElement)(_reactNative.Text, {
+  (0, _i18n.__)('%s previews not yet available'), label)), (0, _react.createElement)(_reactNative.Text, {
     style: _styles.default.embed__action
-  }, previewButtonText.toUpperCase()), (0, _element.createElement)(_reactNative.TouchableOpacity, {
+  }, previewButtonText.toUpperCase()), (0, _react.createElement)(_reactNative.TouchableOpacity, {
     accessibilityHint: (0, _i18n.__)('Tap here to show help'),
     accessibilityLabel: (0, _i18n.__)('Help button'),
     accessibilityRole: 'button',
     disabled: !isSelected,
     onPress: onPressHelp,
     style: helpIconStyle
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     icon: _icons.help,
     fill: helpIconStyle.fill,
     size: helpIconStyle.width
-  })))), (0, _element.createElement)(_components.BottomSheet, {
+  })))), (0, _react.createElement)(_components.BottomSheet, {
     isVisible: isSheetVisible,
     hideHeader: true,
     onDismiss: onDismissSheet,
     onClose: onCloseSheet,
     testID: "embed-no-preview-modal"
-  }, (0, _element.createElement)(_primitives.View, {
+  }, (0, _react.createElement)(_primitives.View, {
     style: _styles.default['embed-no-preview__container']
-  }, (0, _element.createElement)(_primitives.View, {
+  }, (0, _react.createElement)(_primitives.View, {
     style: sheetIconStyle
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     icon: _icons.help,
     fill: sheetIconStyle.fill,
     size: sheetIconStyle.width
-  })), (0, _element.createElement)(_reactNative.Text, {
+  })), (0, _react.createElement)(_reactNative.Text, {
     style: sheetTitleStyle
   }, isDefaultEmbedInfo ? (0, _i18n.__)('Embed block previews are coming soon') : (0, _i18n.sprintf)(
   // translators: %s: embed block variant's label e.g: "Twitter".
-  (0, _i18n.__)('%s embed block previews are coming soon'), label)), (0, _element.createElement)(_reactNative.Text, {
+  (0, _i18n.__)('%s embed block previews are coming soon'), label)), (0, _react.createElement)(_reactNative.Text, {
     style: sheetDescriptionStyle
-  }, comingSoonDescription)), (0, _element.createElement)(_components.TextControl, {
+  }, comingSoonDescription)), (0, _react.createElement)(_components.TextControl, {
     label: previewButtonText,
     separatorType: "topFullWidth",
     onPress: () => {
@@ -136,17 +137,17 @@ const EmbedNoPreview = ({
       onCloseSheet();
     },
     labelStyle: sheetButtonStyle
-  }), (0, _element.createElement)(_components.TextControl, {
+  }), (0, _react.createElement)(_components.TextControl, {
     label: (0, _i18n.__)('Dismiss'),
     separatorType: "topFullWidth",
     onPress: onCloseSheet,
     labelStyle: sheetButtonStyle
   })));
-  return (0, _element.createElement)(_element.Fragment, null, previewable ? embedNoProviderPreview : (0, _element.createElement)(_primitives.View, {
+  return (0, _react.createElement)(_react.Fragment, null, previewable ? embedNoProviderPreview : (0, _react.createElement)(_primitives.View, {
     style: containerStyle
-  }, (0, _element.createElement)(_blockEditor.BlockIcon, {
+  }, (0, _react.createElement)(_blockEditor.BlockIcon, {
     icon: icon
-  }), (0, _element.createElement)(_reactNative.Text, {
+  }), (0, _react.createElement)(_reactNative.Text, {
     style: labelStyle
   }, (0, _i18n.__)('No preview available'))));
 };

package/build/embed/embed-no-preview.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_primitives","_i18n","_compose","_reactNativeBridge","_data","_editor","_components","_icons","_blockEditor","_styles","_interopRequireDefault","EmbedNoPreview","label","icon","isSelected","onPress","previewable","isDefaultEmbedInfo","shouldRequestReview","useRef","isSheetVisible","setIsSheetVisible","useState","postType","useSelect","select","editorStore","getEditedPostAttribute","containerStyle","usePreferredColorSchemeStyle","styles","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","helpIconStyle","sheetIconStyle","sheetTitleStyle","sheetDescriptionStyle","sheetButtonStyle","previewButtonA11yHint","__","previewButtonText","comingSoonDescription","sprintf","onOpenSheet","onCloseSheet","onDismissSheet","current","requestPreview","onPressContainer","onPressHelp","embedNoProviderPreview","createElement","Fragment","TouchableWithoutFeedback","accessibilityRole","accessibilityHint","disabled","View","style","BlockIcon","Text","embed__action","toUpperCase","TouchableOpacity","accessibilityLabel","Icon","help","fill","size","width","BottomSheet","isVisible","hideHeader","onDismiss","onClose","testID","TextControl","separatorType","_default","exports","default"],"sources":["@wordpress/block-library/src/embed/embed-no-preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, TouchableWithoutFeedback, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\n\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef, useState } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { requestPreview } from '@wordpress/react-native-bridge';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { BottomSheet, Icon, TextControl } from '@wordpress/components';\nimport { help } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst EmbedNoPreview = ( {\n\tlabel,\n\ticon,\n\tisSelected,\n\tonPress,\n\tpreviewable,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst shouldRequestReview = useRef( false );\n\tconst [ isSheetVisible, setIsSheetVisible ] = useState( false );\n\n\tconst { postType } = useSelect( ( select ) => ( {\n\t\tpostType: select( editorStore ).getEditedPostAttribute( 'type' ),\n\t} ) );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__container,\n\t\tstyles[ 'embed__container--dark' ]\n\t);\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__label,\n\t\tstyles[ 'embed__label--dark' ]\n\t);\n\tconst descriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__description,\n\t\tstyles[ 'embed__description--dark' ]\n\t);\n\tconst helpIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__help-icon' ],\n\t\tstyles[ 'embed-no-preview__help-icon--dark' ]\n\t);\n\n\tconst sheetIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-icon' ],\n\t\tstyles[ 'embed-no-preview__sheet-icon--dark' ]\n\t);\n\tconst sheetTitleStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-title' ],\n\t\tstyles[ 'embed-no-preview__sheet-title--dark' ]\n\t);\n\tconst sheetDescriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-description' ],\n\t\tstyles[ 'embed-no-preview__sheet-description--dark' ]\n\t);\n\tconst sheetButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-button' ],\n\t\tstyles[ 'embed-no-preview__sheet-button--dark' ]\n\t);\n\n\tconst previewButtonA11yHint =\n\t\tpostType === 'page'\n\t\t\t? __( 'Double tap to preview page.' )\n\t\t\t: __( 'Double tap to preview post.' );\n\tconst previewButtonText =\n\t\tpostType === 'page' ? __( 'Preview page' ) : __( 'Preview post' );\n\tconst comingSoonDescription =\n\t\tpostType === 'page'\n\t\t\t? sprintf(\n\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t__(\n\t\t\t\t\t\t'We’re working hard on adding support for %s previews. In the meantime, you can preview the embedded content on the page.'\n\t\t\t\t\t),\n\t\t\t\t\tlabel\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t__(\n\t\t\t\t\t\t'We’re working hard on adding support for %s previews. In the meantime, you can preview the embedded content on the post.'\n\t\t\t\t\t),\n\t\t\t\t\tlabel\n\t\t\t  );\n\n\tfunction onOpenSheet() {\n\t\tsetIsSheetVisible( true );\n\t}\n\n\tfunction onCloseSheet() {\n\t\tsetIsSheetVisible( false );\n\t}\n\n\tfunction onDismissSheet() {\n\t\t// The preview request has to be done after the bottom sheet modal is dismissed,\n\t\t// otherwise the preview native modal is not displayed.\n\t\tif ( shouldRequestReview.current ) {\n\t\t\trequestPreview();\n\t\t}\n\t\tshouldRequestReview.current = false;\n\t}\n\n\tfunction onPressContainer() {\n\t\tonPress();\n\t\tonOpenSheet();\n\t}\n\n\tfunction onPressHelp() {\n\t\tonPressContainer();\n\t}\n\n\tconst embedNoProviderPreview = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ previewButtonA11yHint }\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\tonPress={ onPressContainer }\n\t\t\t>\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text style={ labelStyle }>{ label }</Text>\n\t\t\t\t\t<Text style={ descriptionStyle }>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t\t\t__( '%s previews not yet available' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ styles.embed__action }>\n\t\t\t\t\t\t{ previewButtonText.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\tonPress={ onPressHelp }\n\t\t\t\t\t\tstyle={ helpIconStyle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\t\tfill={ helpIconStyle.fill }\n\t\t\t\t\t\t\tsize={ helpIconStyle.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isSheetVisible }\n\t\t\t\thideHeader\n\t\t\t\tonDismiss={ onDismissSheet }\n\t\t\t\tonClose={ onCloseSheet }\n\t\t\t\ttestID=\"embed-no-preview-modal\"\n\t\t\t>\n\t\t\t\t<View style={ styles[ 'embed-no-preview__container' ] }>\n\t\t\t\t\t<View style={ sheetIconStyle }>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\t\tfill={ sheetIconStyle.fill }\n\t\t\t\t\t\t\tsize={ sheetIconStyle.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text style={ sheetTitleStyle }>\n\t\t\t\t\t\t{ isDefaultEmbedInfo\n\t\t\t\t\t\t\t? __( 'Embed block previews are coming soon' )\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'%s embed block previews are coming soon'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ sheetDescriptionStyle }>\n\t\t\t\t\t\t{ comingSoonDescription }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ previewButtonText }\n\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\tshouldRequestReview.current = true;\n\t\t\t\t\t\tonCloseSheet();\n\t\t\t\t\t} }\n\t\t\t\t\tlabelStyle={ sheetButtonStyle }\n\t\t\t\t/>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Dismiss' ) }\n\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\tonPress={ onCloseSheet }\n\t\t\t\t\tlabelStyle={ sheetButtonStyle }\n\t\t\t\t/>\n\t\t\t</BottomSheet>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ previewable ? (\n\t\t\t\tembedNoProviderPreview\n\t\t\t) : (\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text style={ labelStyle }>\n\t\t\t\t\t\t{ __( 'No preview available' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default EmbedNoPreview;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_primitives","_i18n","_element","_compose","_reactNativeBridge","_data","_editor","_components","_icons","_blockEditor","_styles","_interopRequireDefault","EmbedNoPreview","label","icon","isSelected","onPress","previewable","isDefaultEmbedInfo","shouldRequestReview","useRef","isSheetVisible","setIsSheetVisible","useState","postType","useSelect","select","editorStore","getEditedPostAttribute","containerStyle","usePreferredColorSchemeStyle","styles","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","helpIconStyle","sheetIconStyle","sheetTitleStyle","sheetDescriptionStyle","sheetButtonStyle","previewButtonA11yHint","__","previewButtonText","comingSoonDescription","sprintf","onOpenSheet","onCloseSheet","onDismissSheet","current","requestPreview","onPressContainer","onPressHelp","embedNoProviderPreview","_react","createElement","Fragment","TouchableWithoutFeedback","accessibilityRole","accessibilityHint","disabled","View","style","BlockIcon","Text","embed__action","toUpperCase","TouchableOpacity","accessibilityLabel","Icon","help","fill","size","width","BottomSheet","isVisible","hideHeader","onDismiss","onClose","testID","TextControl","separatorType","_default","exports","default"],"sources":["@wordpress/block-library/src/embed/embed-no-preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, TouchableWithoutFeedback, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\n\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef, useState } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { requestPreview } from '@wordpress/react-native-bridge';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { BottomSheet, Icon, TextControl } from '@wordpress/components';\nimport { help } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst EmbedNoPreview = ( {\n\tlabel,\n\ticon,\n\tisSelected,\n\tonPress,\n\tpreviewable,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst shouldRequestReview = useRef( false );\n\tconst [ isSheetVisible, setIsSheetVisible ] = useState( false );\n\n\tconst { postType } = useSelect( ( select ) => ( {\n\t\tpostType: select( editorStore ).getEditedPostAttribute( 'type' ),\n\t} ) );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__container,\n\t\tstyles[ 'embed__container--dark' ]\n\t);\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__label,\n\t\tstyles[ 'embed__label--dark' ]\n\t);\n\tconst descriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__description,\n\t\tstyles[ 'embed__description--dark' ]\n\t);\n\tconst helpIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__help-icon' ],\n\t\tstyles[ 'embed-no-preview__help-icon--dark' ]\n\t);\n\n\tconst sheetIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-icon' ],\n\t\tstyles[ 'embed-no-preview__sheet-icon--dark' ]\n\t);\n\tconst sheetTitleStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-title' ],\n\t\tstyles[ 'embed-no-preview__sheet-title--dark' ]\n\t);\n\tconst sheetDescriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-description' ],\n\t\tstyles[ 'embed-no-preview__sheet-description--dark' ]\n\t);\n\tconst sheetButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed-no-preview__sheet-button' ],\n\t\tstyles[ 'embed-no-preview__sheet-button--dark' ]\n\t);\n\n\tconst previewButtonA11yHint =\n\t\tpostType === 'page'\n\t\t\t? __( 'Double tap to preview page.' )\n\t\t\t: __( 'Double tap to preview post.' );\n\tconst previewButtonText =\n\t\tpostType === 'page' ? __( 'Preview page' ) : __( 'Preview post' );\n\tconst comingSoonDescription =\n\t\tpostType === 'page'\n\t\t\t? sprintf(\n\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t__(\n\t\t\t\t\t\t'We’re working hard on adding support for %s previews. In the meantime, you can preview the embedded content on the page.'\n\t\t\t\t\t),\n\t\t\t\t\tlabel\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t__(\n\t\t\t\t\t\t'We’re working hard on adding support for %s previews. In the meantime, you can preview the embedded content on the post.'\n\t\t\t\t\t),\n\t\t\t\t\tlabel\n\t\t\t  );\n\n\tfunction onOpenSheet() {\n\t\tsetIsSheetVisible( true );\n\t}\n\n\tfunction onCloseSheet() {\n\t\tsetIsSheetVisible( false );\n\t}\n\n\tfunction onDismissSheet() {\n\t\t// The preview request has to be done after the bottom sheet modal is dismissed,\n\t\t// otherwise the preview native modal is not displayed.\n\t\tif ( shouldRequestReview.current ) {\n\t\t\trequestPreview();\n\t\t}\n\t\tshouldRequestReview.current = false;\n\t}\n\n\tfunction onPressContainer() {\n\t\tonPress();\n\t\tonOpenSheet();\n\t}\n\n\tfunction onPressHelp() {\n\t\tonPressContainer();\n\t}\n\n\tconst embedNoProviderPreview = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ previewButtonA11yHint }\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\tonPress={ onPressContainer }\n\t\t\t>\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text style={ labelStyle }>{ label }</Text>\n\t\t\t\t\t<Text style={ descriptionStyle }>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t\t\t__( '%s previews not yet available' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ styles.embed__action }>\n\t\t\t\t\t\t{ previewButtonText.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\tonPress={ onPressHelp }\n\t\t\t\t\t\tstyle={ helpIconStyle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\t\tfill={ helpIconStyle.fill }\n\t\t\t\t\t\t\tsize={ helpIconStyle.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isSheetVisible }\n\t\t\t\thideHeader\n\t\t\t\tonDismiss={ onDismissSheet }\n\t\t\t\tonClose={ onCloseSheet }\n\t\t\t\ttestID=\"embed-no-preview-modal\"\n\t\t\t>\n\t\t\t\t<View style={ styles[ 'embed-no-preview__container' ] }>\n\t\t\t\t\t<View style={ sheetIconStyle }>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\t\tfill={ sheetIconStyle.fill }\n\t\t\t\t\t\t\tsize={ sheetIconStyle.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text style={ sheetTitleStyle }>\n\t\t\t\t\t\t{ isDefaultEmbedInfo\n\t\t\t\t\t\t\t? __( 'Embed block previews are coming soon' )\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'%s embed block previews are coming soon'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ sheetDescriptionStyle }>\n\t\t\t\t\t\t{ comingSoonDescription }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ previewButtonText }\n\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\tshouldRequestReview.current = true;\n\t\t\t\t\t\tonCloseSheet();\n\t\t\t\t\t} }\n\t\t\t\t\tlabelStyle={ sheetButtonStyle }\n\t\t\t\t/>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Dismiss' ) }\n\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\tonPress={ onCloseSheet }\n\t\t\t\t\tlabelStyle={ sheetButtonStyle }\n\t\t\t\t/>\n\t\t\t</BottomSheet>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ previewable ? (\n\t\t\t\tembedNoProviderPreview\n\t\t\t) : (\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text style={ labelStyle }>\n\t\t\t\t\t\t{ __( 'No preview available' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default EmbedNoPreview;\n"],"mappings":"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"}

package/build/embed/embed-placeholder.js

@@ -4,7 +4,7 @@ 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 _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -22,38 +22,38 @@ const EmbedPlaceholder = ({
   fallback,
   tryAgain
 }) => {
-  return (0, _element.createElement)(_components.Placeholder, {
-    icon: (0, _element.createElement)(_blockEditor.BlockIcon, {
+  return (0, _react.createElement)(_components.Placeholder, {
+    icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
       icon: icon,
       showColors: true
     }),
     label: label,
     className: "wp-block-embed",
     instructions: (0, _i18n.__)('Paste a link to the content you want to display on your site.')
-  }, (0, _element.createElement)("form", {
+  }, (0, _react.createElement)("form", {
     onSubmit: onSubmit
-  }, (0, _element.createElement)("input", {
+  }, (0, _react.createElement)("input", {
     type: "url",
     value: value || '',
     className: "components-placeholder__input",
     "aria-label": label,
     placeholder: (0, _i18n.__)('Enter URL to embed here…'),
     onChange: onChange
-  }), (0, _element.createElement)(_components.Button, {
+  }), (0, _react.createElement)(_components.Button, {
     variant: "primary",
     type: "submit"
-  }, (0, _i18n._x)('Embed', 'button label'))), (0, _element.createElement)("div", {
+  }, (0, _i18n._x)('Embed', 'button label'))), (0, _react.createElement)("div", {
     className: "components-placeholder__learn-more"
-  }, (0, _element.createElement)(_components.ExternalLink, {
+  }, (0, _react.createElement)(_components.ExternalLink, {
     href: (0, _i18n.__)('https://wordpress.org/documentation/article/embeds/')
-  }, (0, _i18n.__)('Learn more about embeds'))), cannotEmbed && (0, _element.createElement)("div", {
+  }, (0, _i18n.__)('Learn more about embeds'))), cannotEmbed && (0, _react.createElement)("div", {
     className: "components-placeholder__error"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "components-placeholder__instructions"
-  }, (0, _i18n.__)('Sorry, this content could not be embedded.')), (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n.__)('Sorry, this content could not be embedded.')), (0, _react.createElement)(_components.Button, {
     variant: "secondary",
     onClick: tryAgain
-  }, (0, _i18n._x)('Try again', 'button label')), ' ', (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n._x)('Try again', 'button label')), ' ', (0, _react.createElement)(_components.Button, {
     variant: "secondary",
     onClick: fallback
   }, (0, _i18n._x)('Convert to link', 'button label'))));

package/build/embed/embed-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","EmbedPlaceholder","icon","label","value","onSubmit","onChange","cannotEmbed","fallback","tryAgain","_element","createElement","Placeholder","BlockIcon","showColors","className","instructions","__","type","placeholder","Button","variant","_x","ExternalLink","href","onClick","_default","exports","default"],"sources":["@wordpress/block-library/src/embed/embed-placeholder.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, Placeholder, ExternalLink } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\n\nconst EmbedPlaceholder = ( {\n\ticon,\n\tlabel,\n\tvalue,\n\tonSubmit,\n\tonChange,\n\tcannotEmbed,\n\tfallback,\n\ttryAgain,\n} ) => {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ icon } showColors /> }\n\t\t\tlabel={ label }\n\t\t\tclassName=\"wp-block-embed\"\n\t\t\tinstructions={ __(\n\t\t\t\t'Paste a link to the content you want to display on your site.'\n\t\t\t) }\n\t\t>\n\t\t\t<form onSubmit={ onSubmit }>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"url\"\n\t\t\t\t\tvalue={ value || '' }\n\t\t\t\t\tclassName=\"components-placeholder__input\"\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tplaceholder={ __( 'Enter URL to embed here…' ) }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t{ _x( 'Embed', 'button label' ) }\n\t\t\t\t</Button>\n\t\t\t</form>\n\t\t\t<div className=\"components-placeholder__learn-more\">\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Learn more about embeds' ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</div>\n\t\t\t{ cannotEmbed && (\n\t\t\t\t<div className=\"components-placeholder__error\">\n\t\t\t\t\t<div className=\"components-placeholder__instructions\">\n\t\t\t\t\t\t{ __( 'Sorry, this content could not be embedded.' ) }\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button variant=\"secondary\" onClick={ tryAgain }>\n\t\t\t\t\t\t{ _x( 'Try again', 'button label' ) }\n\t\t\t\t\t</Button>{ ' ' }\n\t\t\t\t\t<Button variant=\"secondary\" onClick={ fallback }>\n\t\t\t\t\t\t{ _x( 'Convert to link', 'button label' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n};\n\nexport default EmbedPlaceholder;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,gBAAgB,GAAGA,CAAE;EAC1BC,IAAI;EACJC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,WAAW;IACXV,IAAI,EAAG,IAAAQ,QAAA,CAAAC,aAAA,EAACX,YAAA,CAAAa,SAAS;MAACX,IAAI,EAAGA,IAAM;MAACY,UAAU;IAAA,CAAE,CAAG;IAC/CX,KAAK,EAAGA,KAAO;IACfY,SAAS,EAAC,gBAAgB;IAC1BC,YAAY,EAAG,IAAAC,QAAE,EAChB,+DACD;EAAG,GAEH,IAAAP,QAAA,CAAAC,aAAA;IAAMN,QAAQ,EAAGA;EAAU,GAC1B,IAAAK,QAAA,CAAAC,aAAA;IACCO,IAAI,EAAC,KAAK;IACVd,KAAK,EAAGA,KAAK,IAAI,EAAI;IACrBW,SAAS,EAAC,+BAA+B;IACzC,cAAaZ,KAAO;IACpBgB,WAAW,EAAG,IAAAF,QAAE,EAAE,0BAA2B,CAAG;IAChDX,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACF,IAAAI,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAqB,MAAM;IAACC,OAAO,EAAC,SAAS;IAACH,IAAI,EAAC;EAAQ,GACpC,IAAAI,QAAE,EAAE,OAAO,EAAE,cAAe,CACvB,CACH,CAAC,EACP,IAAAZ,QAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAoC,GAClD,IAAAL,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAwB,YAAY;IACZC,IAAI,EAAG,IAAAP,QAAE,EACR,qDACD;EAAG,GAED,IAAAA,QAAE,EAAE,yBAA0B,CACnB,CACV,CAAC,EACJV,WAAW,IACZ,IAAAG,QAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAA+B,GAC7C,IAAAL,QAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAsC,GAClD,IAAAE,QAAE,EAAE,4CAA6C,CAC/C,CAAC,EACN,IAAAP,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAqB,MAAM;IAACC,OAAO,EAAC,WAAW;IAACI,OAAO,EAAGhB;EAAU,GAC7C,IAAAa,QAAE,EAAE,WAAW,EAAE,cAAe,CAC3B,CAAC,EAAE,GAAG,EACd,IAAAZ,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAqB,MAAM;IAACC,OAAO,EAAC,WAAW;IAACI,OAAO,EAAGjB;EAAU,GAC7C,IAAAc,QAAE,EAAE,iBAAiB,EAAE,cAAe,CACjC,CACJ,CAEM,CAAC;AAEhB,CAAC;AAAC,IAAAI,QAAA,GAEazB,gBAAgB;AAAA0B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_blockEditor","EmbedPlaceholder","icon","label","value","onSubmit","onChange","cannotEmbed","fallback","tryAgain","_react","createElement","Placeholder","BlockIcon","showColors","className","instructions","__","type","placeholder","Button","variant","_x","ExternalLink","href","onClick","_default","exports","default"],"sources":["@wordpress/block-library/src/embed/embed-placeholder.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, Placeholder, ExternalLink } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\n\nconst EmbedPlaceholder = ( {\n\ticon,\n\tlabel,\n\tvalue,\n\tonSubmit,\n\tonChange,\n\tcannotEmbed,\n\tfallback,\n\ttryAgain,\n} ) => {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ icon } showColors /> }\n\t\t\tlabel={ label }\n\t\t\tclassName=\"wp-block-embed\"\n\t\t\tinstructions={ __(\n\t\t\t\t'Paste a link to the content you want to display on your site.'\n\t\t\t) }\n\t\t>\n\t\t\t<form onSubmit={ onSubmit }>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"url\"\n\t\t\t\t\tvalue={ value || '' }\n\t\t\t\t\tclassName=\"components-placeholder__input\"\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tplaceholder={ __( 'Enter URL to embed here…' ) }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t{ _x( 'Embed', 'button label' ) }\n\t\t\t\t</Button>\n\t\t\t</form>\n\t\t\t<div className=\"components-placeholder__learn-more\">\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Learn more about embeds' ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</div>\n\t\t\t{ cannotEmbed && (\n\t\t\t\t<div className=\"components-placeholder__error\">\n\t\t\t\t\t<div className=\"components-placeholder__instructions\">\n\t\t\t\t\t\t{ __( 'Sorry, this content could not be embedded.' ) }\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button variant=\"secondary\" onClick={ tryAgain }>\n\t\t\t\t\t\t{ _x( 'Try again', 'button label' ) }\n\t\t\t\t\t</Button>{ ' ' }\n\t\t\t\t\t<Button variant=\"secondary\" onClick={ fallback }>\n\t\t\t\t\t\t{ _x( 'Convert to link', 'button label' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n};\n\nexport default EmbedPlaceholder;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,gBAAgB,GAAGA,CAAE;EAC1BC,IAAI;EACJC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,WAAW;IACXV,IAAI,EAAG,IAAAQ,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAa,SAAS;MAACX,IAAI,EAAGA,IAAM;MAACY,UAAU;IAAA,CAAE,CAAG;IAC/CX,KAAK,EAAGA,KAAO;IACfY,SAAS,EAAC,gBAAgB;IAC1BC,YAAY,EAAG,IAAAC,QAAE,EAChB,+DACD;EAAG,GAEH,IAAAP,MAAA,CAAAC,aAAA;IAAMN,QAAQ,EAAGA;EAAU,GAC1B,IAAAK,MAAA,CAAAC,aAAA;IACCO,IAAI,EAAC,KAAK;IACVd,KAAK,EAAGA,KAAK,IAAI,EAAI;IACrBW,SAAS,EAAC,+BAA+B;IACzC,cAAaZ,KAAO;IACpBgB,WAAW,EAAG,IAAAF,QAAE,EAAE,0BAA2B,CAAG;IAChDX,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAqB,MAAM;IAACC,OAAO,EAAC,SAAS;IAACH,IAAI,EAAC;EAAQ,GACpC,IAAAI,QAAE,EAAE,OAAO,EAAE,cAAe,CACvB,CACH,CAAC,EACP,IAAAZ,MAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAoC,GAClD,IAAAL,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAwB,YAAY;IACZC,IAAI,EAAG,IAAAP,QAAE,EACR,qDACD;EAAG,GAED,IAAAA,QAAE,EAAE,yBAA0B,CACnB,CACV,CAAC,EACJV,WAAW,IACZ,IAAAG,MAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAA+B,GAC7C,IAAAL,MAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAsC,GAClD,IAAAE,QAAE,EAAE,4CAA6C,CAC/C,CAAC,EACN,IAAAP,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAqB,MAAM;IAACC,OAAO,EAAC,WAAW;IAACI,OAAO,EAAGhB;EAAU,GAC7C,IAAAa,QAAE,EAAE,WAAW,EAAE,cAAe,CAC3B,CAAC,EAAE,GAAG,EACd,IAAAZ,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAqB,MAAM;IAACC,OAAO,EAAC,WAAW;IAACI,OAAO,EAAGjB;EAAU,GAC7C,IAAAc,QAAE,EAAE,iBAAiB,EAAE,cAAe,CACjC,CACJ,CAEM,CAAC;AAEhB,CAAC;AAAC,IAAAI,QAAA,GAEazB,gBAAgB;AAAA0B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/embed/embed-placeholder.native.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 var _gridicons = require("../../../components/src/mobile/gridicons");
 /**
@@ -85,15 +86,15 @@ const EmbedPlaceholder = ({
       onPress();
     }
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.View, {
     style: containerStyle
-  }, cannotEmbed ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.Icon, {
+  }, cannotEmbed ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Icon, {
     icon: _gridicons.noticeOutline,
     fill: embedIconErrorStyle.fill,
     style: embedIconErrorStyle
-  }), (0, _element.createElement)(_reactNative.Text, {
+  }), (0, _react.createElement)(_reactNative.Text, {
     style: [descriptionStyle, descriptionErrorStyle]
-  }, (0, _i18n.__)('Unable to embed media')), (0, _element.createElement)(_reactNative.TouchableOpacity, {
+  }, (0, _i18n.__)('Unable to embed media')), (0, _react.createElement)(_reactNative.TouchableOpacity, {
     activeOpacity: 0.5,
     accessibilityRole: 'button',
     accessibilityHint: (0, _i18n.__)('Double tap to view embed options.'),
@@ -101,23 +102,23 @@ const EmbedPlaceholder = ({
     hitSlop: hitSlop,
     onPress: resolveOnPressEvent,
     disabled: !isSelected
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     style: actionStyle
-  }, (0, _i18n.__)('More options'))), (0, _element.createElement)(_components.Picker, {
+  }, (0, _i18n.__)('More options'))), (0, _react.createElement)(_components.Picker, {
     title: (0, _i18n.__)('Embed options'),
     ref: cannotEmbedMenuPickerRef,
     options: options,
     onChange: onPickerSelect,
     hideCancelButton: true,
     leftAlign: true
-  })) : (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_reactNative.View, {
+  })) : (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.View, {
     style: _styles.default['embed__placeholder-header']
-  }, (0, _element.createElement)(_blockEditor.BlockIcon, {
+  }, (0, _react.createElement)(_blockEditor.BlockIcon, {
     icon: icon,
     fill: iconStyles.fill
-  }), (0, _element.createElement)(_reactNative.Text, {
+  }), (0, _react.createElement)(_reactNative.Text, {
     style: labelStyle
-  }, label)), (0, _element.createElement)(_reactNative.TouchableOpacity, {
+  }, label)), (0, _react.createElement)(_reactNative.TouchableOpacity, {
     activeOpacity: 0.5,
     accessibilityRole: 'button',
     accessibilityHint: (0, _i18n.__)('Double tap to add a link.'),
@@ -125,7 +126,7 @@ const EmbedPlaceholder = ({
     hitSlop: hitSlop,
     onPress: resolveOnPressEvent,
     disabled: !isSelected
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     style: actionStyle
   }, (0, _i18n.__)('Add link'))))));
 };

package/build/embed/embed-placeholder.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_compose","_components","_blockEditor","_styles","_interopRequireDefault","_gridicons","hitSlop","top","bottom","left","right","EmbedPlaceholder","icon","isSelected","label","onPress","cannotEmbed","fallback","tryAgain","openEmbedLinkSettings","containerSelectedStyle","usePreferredColorSchemeStyle","styles","containerStyle","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","descriptionErrorStyle","actionStyle","embed__action","embedIconErrorStyle","buttonStyles","embed__button","iconStyles","embed__icon","cannotEmbedMenuPickerRef","useRef","errorPickerOptions","retry","id","__","value","onSelect","convertToLink","editLink","options","filter","Boolean","onPickerSelect","selectedItem","find","item","resolveOnPressEvent","current","presentPicker","createElement","Fragment","View","style","Icon","noticeOutline","fill","Text","TouchableOpacity","activeOpacity","accessibilityRole","accessibilityHint","disabled","Picker","title","ref","onChange","hideCancelButton","leftAlign","BlockIcon","_default","exports","default"],"sources":["@wordpress/block-library/src/embed/embed-placeholder.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { Icon, Picker } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { noticeOutline } from '../../../components/src/mobile/gridicons';\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nconst EmbedPlaceholder = ( {\n\ticon,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tcannotEmbed,\n\tfallback,\n\ttryAgain,\n\topenEmbedLinkSettings,\n} ) => {\n\tconst containerSelectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed__container-selected' ],\n\t\tstyles[ 'embed__container-selected--dark' ]\n\t);\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.embed__container,\n\t\t\tstyles[ 'embed__container--dark' ]\n\t\t),\n\t\tisSelected && containerSelectedStyle,\n\t];\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__label,\n\t\tstyles[ 'embed__label--dark' ]\n\t);\n\tconst descriptionStyle = styles.embed__description;\n\tconst descriptionErrorStyle = styles[ 'embed__description--error' ];\n\tconst actionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__action,\n\t\tstyles[ 'embed__action--dark' ]\n\t);\n\tconst embedIconErrorStyle = styles[ 'embed__icon--error' ];\n\n\tconst buttonStyles = usePreferredColorSchemeStyle(\n\t\tstyles.embed__button,\n\t\tstyles[ 'embed__button--dark' ]\n\t);\n\tconst iconStyles = usePreferredColorSchemeStyle(\n\t\tstyles.embed__icon,\n\t\tstyles[ 'embed__icon--dark' ]\n\t);\n\n\tconst cannotEmbedMenuPickerRef = useRef();\n\n\tconst errorPickerOptions = {\n\t\tretry: {\n\t\t\tid: 'retryOption',\n\t\t\tlabel: __( 'Retry' ),\n\t\t\tvalue: 'retryOption',\n\t\t\tonSelect: tryAgain,\n\t\t},\n\t\tconvertToLink: {\n\t\t\tid: 'convertToLinkOption',\n\t\t\tlabel: __( 'Convert to link' ),\n\t\t\tvalue: 'convertToLinkOption',\n\t\t\tonSelect: fallback,\n\t\t},\n\t\teditLink: {\n\t\t\tid: 'editLinkOption',\n\t\t\tlabel: __( 'Edit link' ),\n\t\t\tvalue: 'editLinkOption',\n\t\t\tonSelect: openEmbedLinkSettings,\n\t\t},\n\t};\n\n\tconst options = [\n\t\tcannotEmbed && errorPickerOptions.retry,\n\t\tcannotEmbed && errorPickerOptions.convertToLink,\n\t\tcannotEmbed && errorPickerOptions.editLink,\n\t].filter( Boolean );\n\n\tfunction onPickerSelect( value ) {\n\t\tconst selectedItem = options.find( ( item ) => item.value === value );\n\t\tselectedItem.onSelect();\n\t}\n\n\t// When the content cannot be embedded the onPress should trigger the Picker instead of the onPress prop.\n\tfunction resolveOnPressEvent() {\n\t\tif ( cannotEmbed ) {\n\t\t\tcannotEmbedMenuPickerRef.current?.presentPicker();\n\t\t} else {\n\t\t\tonPress();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t{ cannotEmbed ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ noticeOutline }\n\t\t\t\t\t\t\tfill={ embedIconErrorStyle.fill }\n\t\t\t\t\t\t\tstyle={ embedIconErrorStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tdescriptionStyle,\n\t\t\t\t\t\t\t\tdescriptionErrorStyle,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Unable to embed media' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t\t'Double tap to view embed options.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\t\tonPress={ resolveOnPressEvent }\n\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'More options' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t<Picker\n\t\t\t\t\t\t\ttitle={ __( 'Embed options' ) }\n\t\t\t\t\t\t\tref={ cannotEmbedMenuPickerRef }\n\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\t\t\t\thideCancelButton\n\t\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<View style={ styles[ 'embed__placeholder-header' ] }>\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } fill={ iconStyles.fill } />\n\t\t\t\t\t\t\t<Text style={ labelStyle }>{ label }</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t\t'Double tap to add a link.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\t\tonPress={ resolveOnPressEvent }\n\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'Add link' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default EmbedPlaceholder;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_i18n","_compose","_components","_blockEditor","_element","_styles","_interopRequireDefault","_gridicons","hitSlop","top","bottom","left","right","EmbedPlaceholder","icon","isSelected","label","onPress","cannotEmbed","fallback","tryAgain","openEmbedLinkSettings","containerSelectedStyle","usePreferredColorSchemeStyle","styles","containerStyle","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","descriptionErrorStyle","actionStyle","embed__action","embedIconErrorStyle","buttonStyles","embed__button","iconStyles","embed__icon","cannotEmbedMenuPickerRef","useRef","errorPickerOptions","retry","id","__","value","onSelect","convertToLink","editLink","options","filter","Boolean","onPickerSelect","selectedItem","find","item","resolveOnPressEvent","current","presentPicker","_react","createElement","Fragment","View","style","Icon","noticeOutline","fill","Text","TouchableOpacity","activeOpacity","accessibilityRole","accessibilityHint","disabled","Picker","title","ref","onChange","hideCancelButton","leftAlign","BlockIcon","_default","exports","default"],"sources":["@wordpress/block-library/src/embed/embed-placeholder.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { Icon, Picker } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { noticeOutline } from '../../../components/src/mobile/gridicons';\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nconst EmbedPlaceholder = ( {\n\ticon,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tcannotEmbed,\n\tfallback,\n\ttryAgain,\n\topenEmbedLinkSettings,\n} ) => {\n\tconst containerSelectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'embed__container-selected' ],\n\t\tstyles[ 'embed__container-selected--dark' ]\n\t);\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.embed__container,\n\t\t\tstyles[ 'embed__container--dark' ]\n\t\t),\n\t\tisSelected && containerSelectedStyle,\n\t];\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__label,\n\t\tstyles[ 'embed__label--dark' ]\n\t);\n\tconst descriptionStyle = styles.embed__description;\n\tconst descriptionErrorStyle = styles[ 'embed__description--error' ];\n\tconst actionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__action,\n\t\tstyles[ 'embed__action--dark' ]\n\t);\n\tconst embedIconErrorStyle = styles[ 'embed__icon--error' ];\n\n\tconst buttonStyles = usePreferredColorSchemeStyle(\n\t\tstyles.embed__button,\n\t\tstyles[ 'embed__button--dark' ]\n\t);\n\tconst iconStyles = usePreferredColorSchemeStyle(\n\t\tstyles.embed__icon,\n\t\tstyles[ 'embed__icon--dark' ]\n\t);\n\n\tconst cannotEmbedMenuPickerRef = useRef();\n\n\tconst errorPickerOptions = {\n\t\tretry: {\n\t\t\tid: 'retryOption',\n\t\t\tlabel: __( 'Retry' ),\n\t\t\tvalue: 'retryOption',\n\t\t\tonSelect: tryAgain,\n\t\t},\n\t\tconvertToLink: {\n\t\t\tid: 'convertToLinkOption',\n\t\t\tlabel: __( 'Convert to link' ),\n\t\t\tvalue: 'convertToLinkOption',\n\t\t\tonSelect: fallback,\n\t\t},\n\t\teditLink: {\n\t\t\tid: 'editLinkOption',\n\t\t\tlabel: __( 'Edit link' ),\n\t\t\tvalue: 'editLinkOption',\n\t\t\tonSelect: openEmbedLinkSettings,\n\t\t},\n\t};\n\n\tconst options = [\n\t\tcannotEmbed && errorPickerOptions.retry,\n\t\tcannotEmbed && errorPickerOptions.convertToLink,\n\t\tcannotEmbed && errorPickerOptions.editLink,\n\t].filter( Boolean );\n\n\tfunction onPickerSelect( value ) {\n\t\tconst selectedItem = options.find( ( item ) => item.value === value );\n\t\tselectedItem.onSelect();\n\t}\n\n\t// When the content cannot be embedded the onPress should trigger the Picker instead of the onPress prop.\n\tfunction resolveOnPressEvent() {\n\t\tif ( cannotEmbed ) {\n\t\t\tcannotEmbedMenuPickerRef.current?.presentPicker();\n\t\t} else {\n\t\t\tonPress();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t{ cannotEmbed ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ noticeOutline }\n\t\t\t\t\t\t\tfill={ embedIconErrorStyle.fill }\n\t\t\t\t\t\t\tstyle={ embedIconErrorStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tdescriptionStyle,\n\t\t\t\t\t\t\t\tdescriptionErrorStyle,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Unable to embed media' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t\t'Double tap to view embed options.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\t\tonPress={ resolveOnPressEvent }\n\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'More options' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t<Picker\n\t\t\t\t\t\t\ttitle={ __( 'Embed options' ) }\n\t\t\t\t\t\t\tref={ cannotEmbedMenuPickerRef }\n\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\t\t\t\thideCancelButton\n\t\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<View style={ styles[ 'embed__placeholder-header' ] }>\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } fill={ iconStyles.fill } />\n\t\t\t\t\t\t\t<Text style={ labelStyle }>{ label }</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t\t'Double tap to add a link.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\t\tonPress={ resolveOnPressEvent }\n\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'Add link' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default EmbedPlaceholder;\n"],"mappings":"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"}

package/build/embed/embed-preview.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _util = require("./util");
 var _dedupe = _interopRequireDefault(require("classnames/dedupe"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _blocks = require("@wordpress/blocks");
 var _wpEmbedPreview = _interopRequireDefault(require("./wp-embed-preview"));
 /**
@@ -90,40 +91,40 @@ class EmbedPreview extends _element.Component {
     // as far as the user is concerned. We're just catching the first click so that
     // the block can be selected without interacting with the embed preview that the overlay covers.
     /* eslint-disable jsx-a11y/no-static-element-interactions */
-    const embedWrapper = 'wp-embed' === type ? (0, _element.createElement)(_wpEmbedPreview.default, {
+    const embedWrapper = 'wp-embed' === type ? (0, _react.createElement)(_wpEmbedPreview.default, {
       html: html
-    }) : (0, _element.createElement)("div", {
+    }) : (0, _react.createElement)("div", {
       className: "wp-block-embed__wrapper"
-    }, (0, _element.createElement)(_components.SandBox, {
+    }, (0, _react.createElement)(_components.SandBox, {
       html: html,
       scripts: scripts,
       title: iframeTitle,
       type: sandboxClassnames,
       onFocus: this.hideOverlay
-    }), !interactive && (0, _element.createElement)("div", {
+    }), !interactive && (0, _react.createElement)("div", {
       className: "block-library-embed__interactive-overlay",
       onMouseUp: this.hideOverlay
     }));
     /* eslint-enable jsx-a11y/no-static-element-interactions */
 
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       className: (0, _dedupe.default)(className, 'wp-block-embed', {
         'is-type-video': 'video' === type
       })
-    }, previewable ? embedWrapper : (0, _element.createElement)(_components.Placeholder, {
-      icon: (0, _element.createElement)(_blockEditor.BlockIcon, {
+    }, previewable ? embedWrapper : (0, _react.createElement)(_components.Placeholder, {
+      icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
         icon: icon,
         showColors: true
       }),
       label: label
-    }, (0, _element.createElement)("p", {
+    }, (0, _react.createElement)("p", {
       className: "components-placeholder__error"
-    }, (0, _element.createElement)("a", {
+    }, (0, _react.createElement)("a", {
       href: url
-    }, url)), (0, _element.createElement)("p", {
+    }, url)), (0, _react.createElement)("p", {
       className: "components-placeholder__error"
     }, (0, _i18n.sprintf)( /* translators: %s: host providing embed content e.g: www.youtube.com */
-    (0, _i18n.__)("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl))), (!_blockEditor.RichText.isEmpty(caption) || isSelected) && (0, _element.createElement)(_blockEditor.RichText, {
+    (0, _i18n.__)("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl))), (!_blockEditor.RichText.isEmpty(caption) || isSelected) && (0, _react.createElement)(_blockEditor.RichText, {
       identifier: "caption",
       tagName: "figcaption",
       className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),

package/build/embed/embed-preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_util","_dedupe","_interopRequireDefault","_i18n","_components","_blockEditor","_blocks","_wpEmbedPreview","EmbedPreview","Component","constructor","arguments","hideOverlay","bind","state","interactive","getDerivedStateFromProps","nextProps","isSelected","setState","render","preview","previewable","url","type","caption","onCaptionChange","className","icon","label","insertBlocksAfter","props","scripts","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sprintf","__","sandboxClassnames","classnames","embedWrapper","createElement","default","SandBox","title","onFocus","onMouseUp","Placeholder","BlockIcon","showColors","href","RichText","isEmpty","identifier","tagName","__experimentalGetElementClassName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName","_default","exports"],"sources":["@wordpress/block-library/src/embed/embed-preview.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, SandBox } from '@wordpress/components';\nimport {\n\tRichText,\n\tBlockIcon,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport WpEmbedPreview from './wp-embed-preview';\n\nclass EmbedPreview extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.hideOverlay = this.hideOverlay.bind( this );\n\t\tthis.state = {\n\t\t\tinteractive: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( nextProps, state ) {\n\t\tif ( ! nextProps.isSelected && state.interactive ) {\n\t\t\t// We only want to change this when the block is not selected, because changing it when\n\t\t\t// the block becomes selected makes the overlap disappear too early. Hiding the overlay\n\t\t\t// happens on mouseup when the overlay is clicked.\n\t\t\treturn { interactive: false };\n\t\t}\n\n\t\treturn null;\n\t}\n\n\thideOverlay() {\n\t\t// This is called onMouseUp on the overlay. We can't respond to the `isSelected` prop\n\t\t// changing, because that happens on mouse down, and the overlay immediately disappears,\n\t\t// and the mouse event can end up in the preview content. We can't use onClick on\n\t\t// the overlay to hide it either, because then the editor misses the mouseup event, and\n\t\t// thinks we're multi-selecting blocks.\n\t\tthis.setState( { interactive: true } );\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tpreview,\n\t\t\tpreviewable,\n\t\t\turl,\n\t\t\ttype,\n\t\t\tcaption,\n\t\t\tonCaptionChange,\n\t\t\tisSelected,\n\t\t\tclassName,\n\t\t\ticon,\n\t\t\tlabel,\n\t\t\tinsertBlocksAfter,\n\t\t} = this.props;\n\t\tconst { scripts } = preview;\n\t\tconst { interactive } = this.state;\n\n\t\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\t\tconst parsedHost = new URL( url ).host.split( '.' );\n\t\tconst parsedHostBaseUrl = parsedHost\n\t\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t\t.join( '.' );\n\t\tconst iframeTitle = sprintf(\n\t\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t\t__( 'Embedded content from %s' ),\n\t\t\tparsedHostBaseUrl\n\t\t);\n\t\tconst sandboxClassnames = classnames(\n\t\t\ttype,\n\t\t\tclassName,\n\t\t\t'wp-block-embed__wrapper'\n\t\t);\n\n\t\t// Disabled because the overlay div doesn't actually have a role or functionality\n\t\t// as far as the user is concerned. We're just catching the first click so that\n\t\t// the block can be selected without interacting with the embed preview that the overlay covers.\n\t\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\t\tconst embedWrapper =\n\t\t\t'wp-embed' === type ? (\n\t\t\t\t<WpEmbedPreview html={ html } />\n\t\t\t) : (\n\t\t\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t\t\t<SandBox\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tscripts={ scripts }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tonFocus={ this.hideOverlay }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! interactive && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"block-library-embed__interactive-overlay\"\n\t\t\t\t\t\t\tonMouseUp={ this.hideOverlay }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t);\n\t\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n\n\t\treturn (\n\t\t\t<figure\n\t\t\t\tclassName={ classnames( className, 'wp-block-embed', {\n\t\t\t\t\t'is-type-video': 'video' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } showColors /> }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t<a href={ url }>{ url }</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: host providing embed content e.g: www.youtube.com */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\"Embedded content from %s can't be previewed in the editor.\"\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tparsedHostBaseUrl\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</Placeholder>\n\t\t\t\t) }\n\t\t\t\t{ ( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ onCaptionChange }\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\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</figure>\n\t\t);\n\t}\n}\n\nexport default EmbedPreview;\n"],"mappings":"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"}
+{"version":3,"names":["_util","require","_dedupe","_interopRequireDefault","_i18n","_components","_blockEditor","_element","_blocks","_wpEmbedPreview","EmbedPreview","Component","constructor","arguments","hideOverlay","bind","state","interactive","getDerivedStateFromProps","nextProps","isSelected","setState","render","preview","previewable","url","type","caption","onCaptionChange","className","icon","label","insertBlocksAfter","props","scripts","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sprintf","__","sandboxClassnames","classnames","embedWrapper","_react","createElement","default","SandBox","title","onFocus","onMouseUp","Placeholder","BlockIcon","showColors","href","RichText","isEmpty","identifier","tagName","__experimentalGetElementClassName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName","_default","exports"],"sources":["@wordpress/block-library/src/embed/embed-preview.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, SandBox } from '@wordpress/components';\nimport {\n\tRichText,\n\tBlockIcon,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport WpEmbedPreview from './wp-embed-preview';\n\nclass EmbedPreview extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.hideOverlay = this.hideOverlay.bind( this );\n\t\tthis.state = {\n\t\t\tinteractive: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( nextProps, state ) {\n\t\tif ( ! nextProps.isSelected && state.interactive ) {\n\t\t\t// We only want to change this when the block is not selected, because changing it when\n\t\t\t// the block becomes selected makes the overlap disappear too early. Hiding the overlay\n\t\t\t// happens on mouseup when the overlay is clicked.\n\t\t\treturn { interactive: false };\n\t\t}\n\n\t\treturn null;\n\t}\n\n\thideOverlay() {\n\t\t// This is called onMouseUp on the overlay. We can't respond to the `isSelected` prop\n\t\t// changing, because that happens on mouse down, and the overlay immediately disappears,\n\t\t// and the mouse event can end up in the preview content. We can't use onClick on\n\t\t// the overlay to hide it either, because then the editor misses the mouseup event, and\n\t\t// thinks we're multi-selecting blocks.\n\t\tthis.setState( { interactive: true } );\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tpreview,\n\t\t\tpreviewable,\n\t\t\turl,\n\t\t\ttype,\n\t\t\tcaption,\n\t\t\tonCaptionChange,\n\t\t\tisSelected,\n\t\t\tclassName,\n\t\t\ticon,\n\t\t\tlabel,\n\t\t\tinsertBlocksAfter,\n\t\t} = this.props;\n\t\tconst { scripts } = preview;\n\t\tconst { interactive } = this.state;\n\n\t\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\t\tconst parsedHost = new URL( url ).host.split( '.' );\n\t\tconst parsedHostBaseUrl = parsedHost\n\t\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t\t.join( '.' );\n\t\tconst iframeTitle = sprintf(\n\t\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t\t__( 'Embedded content from %s' ),\n\t\t\tparsedHostBaseUrl\n\t\t);\n\t\tconst sandboxClassnames = classnames(\n\t\t\ttype,\n\t\t\tclassName,\n\t\t\t'wp-block-embed__wrapper'\n\t\t);\n\n\t\t// Disabled because the overlay div doesn't actually have a role or functionality\n\t\t// as far as the user is concerned. We're just catching the first click so that\n\t\t// the block can be selected without interacting with the embed preview that the overlay covers.\n\t\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\t\tconst embedWrapper =\n\t\t\t'wp-embed' === type ? (\n\t\t\t\t<WpEmbedPreview html={ html } />\n\t\t\t) : (\n\t\t\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t\t\t<SandBox\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tscripts={ scripts }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tonFocus={ this.hideOverlay }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! interactive && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"block-library-embed__interactive-overlay\"\n\t\t\t\t\t\t\tonMouseUp={ this.hideOverlay }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t);\n\t\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n\n\t\treturn (\n\t\t\t<figure\n\t\t\t\tclassName={ classnames( className, 'wp-block-embed', {\n\t\t\t\t\t'is-type-video': 'video' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } showColors /> }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t<a href={ url }>{ url }</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: host providing embed content e.g: www.youtube.com */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\"Embedded content from %s can't be previewed in the editor.\"\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tparsedHostBaseUrl\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</Placeholder>\n\t\t\t\t) }\n\t\t\t\t{ ( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ onCaptionChange }\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\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</figure>\n\t\t);\n\t}\n}\n\nexport default EmbedPreview;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAKA,IAAAQ,eAAA,GAAAN,sBAAA,CAAAF,OAAA;AA1BA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAGA,MAAMS,YAAY,SAASC,kBAAS,CAAC;EACpCC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,WAAW,GAAG,IAAI,CAACA,WAAW,CAACC,IAAI,CAAE,IAAK,CAAC;IAChD,IAAI,CAACC,KAAK,GAAG;MACZC,WAAW,EAAE;IACd,CAAC;EACF;EAEA,OAAOC,wBAAwBA,CAAEC,SAAS,EAAEH,KAAK,EAAG;IACnD,IAAK,CAAEG,SAAS,CAACC,UAAU,IAAIJ,KAAK,CAACC,WAAW,EAAG;MAClD;MACA;MACA;MACA,OAAO;QAAEA,WAAW,EAAE;MAAM,CAAC;IAC9B;IAEA,OAAO,IAAI;EACZ;EAEAH,WAAWA,CAAA,EAAG;IACb;IACA;IACA;IACA;IACA;IACA,IAAI,CAACO,QAAQ,CAAE;MAAEJ,WAAW,EAAE;IAAK,CAAE,CAAC;EACvC;EAEAK,MAAMA,CAAA,EAAG;IACR,MAAM;MACLC,OAAO;MACPC,WAAW;MACXC,GAAG;MACHC,IAAI;MACJC,OAAO;MACPC,eAAe;MACfR,UAAU;MACVS,SAAS;MACTC,IAAI;MACJC,KAAK;MACLC;IACD,CAAC,GAAG,IAAI,CAACC,KAAK;IACd,MAAM;MAAEC;IAAQ,CAAC,GAAGX,OAAO;IAC3B,MAAM;MAAEN;IAAY,CAAC,GAAG,IAAI,CAACD,KAAK;IAElC,MAAMmB,IAAI,GAAG,OAAO,KAAKT,IAAI,GAAG,IAAAU,kBAAY,EAAEb,OAAQ,CAAC,GAAGA,OAAO,CAACY,IAAI;IACtE,MAAME,UAAU,GAAG,IAAIC,GAAG,CAAEb,GAAI,CAAC,CAACc,IAAI,CAACC,KAAK,CAAE,GAAI,CAAC;IACnD,MAAMC,iBAAiB,GAAGJ,UAAU,CAClCK,MAAM,CAAEL,UAAU,CAACM,MAAM,GAAG,CAAC,EAAEN,UAAU,CAACM,MAAM,GAAG,CAAE,CAAC,CACtDC,IAAI,CAAE,GAAI,CAAC;IACb,MAAMC,WAAW,GAAG,IAAAC,aAAO;IAC1B;IACA,IAAAC,QAAE,EAAE,0BAA2B,CAAC,EAChCN,iBACD,CAAC;IACD,MAAMO,iBAAiB,GAAG,IAAAC,eAAU,EACnCvB,IAAI,EACJG,SAAS,EACT,yBACD,CAAC;;IAED;IACA;IACA;IACA;IACA,MAAMqB,YAAY,GACjB,UAAU,KAAKxB,IAAI,GAClB,IAAAyB,MAAA,CAAAC,aAAA,EAAC3C,eAAA,CAAA4C,OAAc;MAAClB,IAAI,EAAGA;IAAM,CAAE,CAAC,GAEhC,IAAAgB,MAAA,CAAAC,aAAA;MAAKvB,SAAS,EAAC;IAAyB,GACvC,IAAAsB,MAAA,CAAAC,aAAA,EAAC/C,WAAA,CAAAiD,OAAO;MACPnB,IAAI,EAAGA,IAAM;MACbD,OAAO,EAAGA,OAAS;MACnBqB,KAAK,EAAGV,WAAa;MACrBnB,IAAI,EAAGsB,iBAAmB;MAC1BQ,OAAO,EAAG,IAAI,CAAC1C;IAAa,CAC5B,CAAC,EACA,CAAEG,WAAW,IACd,IAAAkC,MAAA,CAAAC,aAAA;MACCvB,SAAS,EAAC,0CAA0C;MACpD4B,SAAS,EAAG,IAAI,CAAC3C;IAAa,CAC9B,CAEE,CACL;IACF;;IAEA,OACC,IAAAqC,MAAA,CAAAC,aAAA;MACCvB,SAAS,EAAG,IAAAoB,eAAU,EAAEpB,SAAS,EAAE,gBAAgB,EAAE;QACpD,eAAe,EAAE,OAAO,KAAKH;MAC9B,CAAE;IAAG,GAEHF,WAAW,GACZ0B,YAAY,GAEZ,IAAAC,MAAA,CAAAC,aAAA,EAAC/C,WAAA,CAAAqD,WAAW;MACX5B,IAAI,EAAG,IAAAqB,MAAA,CAAAC,aAAA,EAAC9C,YAAA,CAAAqD,SAAS;QAAC7B,IAAI,EAAGA,IAAM;QAAC8B,UAAU;MAAA,CAAE,CAAG;MAC/C7B,KAAK,EAAGA;IAAO,GAEf,IAAAoB,MAAA,CAAAC,aAAA;MAAGvB,SAAS,EAAC;IAA+B,GAC3C,IAAAsB,MAAA,CAAAC,aAAA;MAAGS,IAAI,EAAGpC;IAAK,GAAGA,GAAQ,CACxB,CAAC,EACJ,IAAA0B,MAAA,CAAAC,aAAA;MAAGvB,SAAS,EAAC;IAA+B,GACzC,IAAAiB,aAAO,GACR;IACA,IAAAC,QAAE,EACD,4DACD,CAAC,EACDN,iBACD,CACE,CACS,CACb,EACC,CAAE,CAAEqB,qBAAQ,CAACC,OAAO,CAAEpC,OAAQ,CAAC,IAAIP,UAAU,KAC9C,IAAA+B,MAAA,CAAAC,aAAA,EAAC9C,YAAA,CAAAwD,QAAQ;MACRE,UAAU,EAAC,SAAS;MACpBC,OAAO,EAAC,YAAY;MACpBpC,SAAS,EAAG,IAAAqC,8CAAiC,EAC5C,SACD,CAAG;MACHC,WAAW,EAAG,IAAApB,QAAE,EAAE,aAAc,CAAG;MACnCqB,KAAK,EAAGzC,OAAS;MACjB0C,QAAQ,EAAGzC,eAAiB;MAC5B0C,aAAa;MACbC,sBAAsB,EAAGA,CAAA,KACxBvC,iBAAiB,CAChB,IAAAwC,mBAAW,EAAE,IAAAC,2BAAmB,EAAC,CAAE,CACpC;IACA,CACD,CAEK,CAAC;EAEX;AACD;AAAC,IAAAC,QAAA,GAEchE,YAAY;AAAAiE,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}

package/build/embed/embed-preview.native.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _dedupe = _interopRequireDefault(require("classnames/dedupe"));
 var _primitives = require("@wordpress/primitives");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _util = require("./util");
@@ -79,7 +80,7 @@ const EmbedPreview = ({
   (0, _i18n.__)('Embedded content from %s'), parsedHostBaseUrl);
   const sandboxClassnames = (0, _dedupe.default)(type, className, 'wp-block-embed__wrapper');
   const PreviewContent = 'wp-embed' === type ? _wpEmbedPreview.default : _components.SandBox;
-  const embedWrapper = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const embedWrapper = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     onPress: () => {
       if (onFocus) {
         onFocus();
@@ -88,10 +89,10 @@ const EmbedPreview = ({
         setIsCaptionSelected(false);
       }
     }
-  }, (0, _element.createElement)(_primitives.View, {
+  }, (0, _react.createElement)(_primitives.View, {
     pointerEvents: "box-only",
     style: [wrapperStyle, wrapperAlignStyle]
-  }, (0, _element.createElement)(PreviewContent, {
+  }, (0, _react.createElement)(PreviewContent, {
     html: html,
     lang: locale,
     title: iframeTitle,
@@ -100,18 +101,18 @@ const EmbedPreview = ({
     url: url,
     containerStyle: sandboxAlignStyle
   }))));
-  return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     accessible: !isSelected,
     onPress: onEmbedPreviewPress,
     disabled: !isSelected
-  }, (0, _element.createElement)(_primitives.View, null, isProviderPreviewable && previewable ? embedWrapper : (0, _element.createElement)(_embedNoPreview.default, {
+  }, (0, _react.createElement)(_primitives.View, null, isProviderPreviewable && previewable ? embedWrapper : (0, _react.createElement)(_embedNoPreview.default, {
     label: label,
     icon: icon,
     isSelected: isSelected,
     onPress: () => setIsCaptionSelected(false),
     previewable: previewable,
     isDefaultEmbedInfo: isDefaultEmbedInfo
-  }), (0, _element.createElement)(_blockEditor.BlockCaption, {
+  }), (0, _react.createElement)(_blockEditor.BlockCaption, {
     accessibilityLabelCreator: accessibilityLabelCreator,
     accessible: true,
     clientId: clientId,