@wordpress/block-library 9.7.1-next.1f6eadc42.0 → 9.8.0

package/build/embed/embed-preview.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = EmbedPreview;
 var _util = require("./util");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
@@ -31,114 +31,94 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-class EmbedPreview extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this.hideOverlay = this.hideOverlay.bind(this);
-    this.state = {
-      interactive: false
-    };
+function EmbedPreview({
+  preview,
+  previewable,
+  url,
+  type,
+  isSelected,
+  className,
+  icon,
+  label,
+  insertBlocksAfter,
+  attributes,
+  setAttributes
+}) {
+  const [interactive, setInteractive] = (0, _element.useState)(false);
+  if (!isSelected && interactive) {
+    // We only want to change this when the block is not selected, because changing it when
+    // the block becomes selected makes the overlap disappear too early. Hiding the overlay
+    // happens on mouseup when the overlay is clicked.
+    setInteractive(false);
   }
-  static getDerivedStateFromProps(nextProps, state) {
-    if (!nextProps.isSelected && state.interactive) {
-      // We only want to change this when the block is not selected, because changing it when
-      // the block becomes selected makes the overlap disappear too early. Hiding the overlay
-      // happens on mouseup when the overlay is clicked.
-      return {
-        interactive: false
-      };
-    }
-    return null;
-  }
-  hideOverlay() {
+  const hideOverlay = () => {
     // This is called onMouseUp on the overlay. We can't respond to the `isSelected` prop
     // changing, because that happens on mouse down, and the overlay immediately disappears,
     // and the mouse event can end up in the preview content. We can't use onClick on
     // the overlay to hide it either, because then the editor misses the mouseup event, and
     // thinks we're multi-selecting blocks.
-    this.setState({
-      interactive: true
-    });
-  }
-  render() {
-    const {
-      preview,
-      previewable,
-      url,
-      type,
-      className,
-      icon,
-      label,
-      insertBlocksAfter,
-      attributes,
-      setAttributes,
-      isSelected
-    } = this.props;
-    const {
-      scripts
-    } = preview;
-    const {
-      interactive
-    } = this.state;
-    const html = 'photo' === type ? (0, _util.getPhotoHtml)(preview) : preview.html;
-    const embedSourceUrl = (0, _url.getAuthority)(url);
-    const iframeTitle = (0, _i18n.sprintf)(
-    // translators: %s: host providing embed content e.g: www.youtube.com
-    (0, _i18n.__)('Embedded content from %s'), embedSourceUrl);
-    const sandboxClassnames = (0, _clsx.default)(type, className, 'wp-block-embed__wrapper');
+    setInteractive(true);
+  };
+  const {
+    scripts
+  } = preview;
+  const html = 'photo' === type ? (0, _util.getPhotoHtml)(preview) : preview.html;
+  const embedSourceUrl = (0, _url.getAuthority)(url);
+  const iframeTitle = (0, _i18n.sprintf)(
+  // translators: %s: host providing embed content e.g: www.youtube.com
+  (0, _i18n.__)('Embedded content from %s'), embedSourceUrl);
+  const sandboxClassnames = (0, _clsx.default)(type, className, 'wp-block-embed__wrapper');
 
-    // Disabled because the overlay div doesn't actually have a role or functionality
-    // 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 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_wpEmbedPreview.default, {
-      html: html
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "wp-block-embed__wrapper",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SandBox, {
-        html: html,
-        scripts: scripts,
-        title: iframeTitle,
-        type: sandboxClassnames,
-        onFocus: this.hideOverlay
-      }), !interactive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "block-library-embed__interactive-overlay",
-        onMouseUp: this.hideOverlay
-      })]
-    });
-    /* eslint-enable jsx-a11y/no-static-element-interactions */
+  // Disabled because the overlay div doesn't actually have a role or functionality
+  // 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 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_wpEmbedPreview.default, {
+    html: html
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "wp-block-embed__wrapper",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SandBox, {
+      html: html,
+      scripts: scripts,
+      title: iframeTitle,
+      type: sandboxClassnames,
+      onFocus: hideOverlay
+    }), !interactive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-library-embed__interactive-overlay",
+      onMouseUp: hideOverlay
+    })]
+  });
+  /* eslint-enable jsx-a11y/no-static-element-interactions */
 
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
-      className: (0, _clsx.default)(className, 'wp-block-embed', {
-        'is-type-video': 'video' === type
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+    className: (0, _clsx.default)(className, 'wp-block-embed', {
+      'is-type-video': 'video' === type
+    }),
+    children: [previewable ? embedWrapper : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Placeholder, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
+        icon: icon,
+        showColors: true
       }),
-      children: [previewable ? embedWrapper : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Placeholder, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
-          icon: icon,
-          showColors: true
-        }),
-        label: label,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "components-placeholder__error",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-            href: url,
-            children: url
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "components-placeholder__error",
-          children: (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."), embedSourceUrl)
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_caption.Caption, {
-        attributes: attributes,
-        setAttributes: setAttributes,
-        isSelected: isSelected,
-        insertBlocksAfter: insertBlocksAfter,
-        label: (0, _i18n.__)('Embed caption text'),
-        showToolbarButton: isSelected
+      label: label,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "components-placeholder__error",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          href: url,
+          children: url
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "components-placeholder__error",
+        children: (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."), embedSourceUrl)
       })]
-    });
-  }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_caption.Caption, {
+      attributes: attributes,
+      setAttributes: setAttributes,
+      isSelected: isSelected,
+      insertBlocksAfter: insertBlocksAfter,
+      label: (0, _i18n.__)('Embed caption text'),
+      showToolbarButton: isSelected
+    })]
+  });
 }
-var _default = exports.default = EmbedPreview;
 //# sourceMappingURL=embed-preview.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_util","require","_clsx","_interopRequireDefault","_i18n","_components","_blockEditor","_element","_url","_wpEmbedPreview","_caption","_jsxRuntime","EmbedPreview","Component","constructor","arguments","hideOverlay","bind","state","interactive","getDerivedStateFromProps","nextProps","isSelected","setState","render","preview","previewable","url","type","className","icon","label","insertBlocksAfter","attributes","setAttributes","props","scripts","html","getPhotoHtml","embedSourceUrl","getAuthority","iframeTitle","sprintf","__","sandboxClassnames","clsx","embedWrapper","jsx","default","jsxs","children","SandBox","title","onFocus","onMouseUp","Placeholder","BlockIcon","showColors","href","Caption","showToolbarButton","_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 clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, SandBox } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { getAuthority } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport WpEmbedPreview from './wp-embed-preview';\nimport { Caption } from '../utils/caption';\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\tclassName,\n\t\t\ticon,\n\t\t\tlabel,\n\t\t\tinsertBlocksAfter,\n\t\t\tattributes,\n\t\t\tsetAttributes,\n\t\t\tisSelected,\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 embedSourceUrl = getAuthority( url );\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\tembedSourceUrl\n\t\t);\n\t\tconst sandboxClassnames = clsx(\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={ clsx( 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\tembedSourceUrl\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<Caption\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tlabel={ __( 'Embed caption text' ) }\n\t\t\t\t\tshowToolbarButton={ isSelected }\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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","ignoreList":[]}
+{"version":3,"names":["_util","require","_clsx","_interopRequireDefault","_i18n","_components","_blockEditor","_element","_url","_wpEmbedPreview","_caption","_jsxRuntime","EmbedPreview","preview","previewable","url","type","isSelected","className","icon","label","insertBlocksAfter","attributes","setAttributes","interactive","setInteractive","useState","hideOverlay","scripts","html","getPhotoHtml","embedSourceUrl","getAuthority","iframeTitle","sprintf","__","sandboxClassnames","clsx","embedWrapper","jsx","default","jsxs","children","SandBox","title","onFocus","onMouseUp","Placeholder","BlockIcon","showColors","href","Caption","showToolbarButton"],"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 clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, SandBox } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { useState } from '@wordpress/element';\nimport { getAuthority } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport WpEmbedPreview from './wp-embed-preview';\nimport { Caption } from '../utils/caption';\n\nexport default function EmbedPreview( {\n\tpreview,\n\tpreviewable,\n\turl,\n\ttype,\n\tisSelected,\n\tclassName,\n\ticon,\n\tlabel,\n\tinsertBlocksAfter,\n\tattributes,\n\tsetAttributes,\n} ) {\n\tconst [ interactive, setInteractive ] = useState( false );\n\n\tif ( ! isSelected && interactive ) {\n\t\t// We only want to change this when the block is not selected, because changing it when\n\t\t// the block becomes selected makes the overlap disappear too early. Hiding the overlay\n\t\t// happens on mouseup when the overlay is clicked.\n\t\tsetInteractive( false );\n\t}\n\n\tconst hideOverlay = () => {\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\tsetInteractive( true );\n\t};\n\n\tconst { scripts } = preview;\n\n\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\tconst embedSourceUrl = getAuthority( url );\n\tconst iframeTitle = sprintf(\n\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t__( 'Embedded content from %s' ),\n\t\tembedSourceUrl\n\t);\n\tconst sandboxClassnames = clsx(\n\t\ttype,\n\t\tclassName,\n\t\t'wp-block-embed__wrapper'\n\t);\n\n\t// Disabled because the overlay div doesn't actually have a role or functionality\n\t// as far as the user is concerned. We're just catching the first click so that\n\t// the block can be selected without interacting with the embed preview that the overlay covers.\n\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\tconst embedWrapper =\n\t\t'wp-embed' === type ? (\n\t\t\t<WpEmbedPreview html={ html } />\n\t\t) : (\n\t\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t\t<SandBox\n\t\t\t\t\thtml={ html }\n\t\t\t\t\tscripts={ scripts }\n\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\tonFocus={ hideOverlay }\n\t\t\t\t/>\n\t\t\t\t{ ! interactive && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"block-library-embed__interactive-overlay\"\n\t\t\t\t\t\tonMouseUp={ hideOverlay }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n\n\treturn (\n\t\t<figure\n\t\t\tclassName={ clsx( className, 'wp-block-embed', {\n\t\t\t\t'is-type-video': 'video' === type,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ previewable ? (\n\t\t\t\tembedWrapper\n\t\t\t) : (\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } showColors /> }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t>\n\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t<a href={ url }>{ url }</a>\n\t\t\t\t\t</p>\n\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t{ sprintf(\n\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__(\n\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),\n\t\t\t\t\t\t\tembedSourceUrl\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t<Caption\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\tlabel={ __( 'Embed caption text' ) }\n\t\t\t\tshowToolbarButton={ isSelected }\n\t\t\t/>\n\t\t</figure>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_clsx","_interopRequireDefault","_primitives","_blockEditor","_i18n","_element","_components","_data","_util","_embedNoPreview","_wpEmbedPreview","_styles","_jsxRuntime","EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","useState","locale","useSelect","blockEditorStore","getSettings","wrapperStyle","styles","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","RichText","isEmpty","__","sprintf","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","clsx","PreviewContent","WpEmbedPreview","SandBox","embedWrapper","jsx","Fragment","children","TouchableWithoutFeedback","onPress","View","pointerEvents","style","lang","title","containerStyle","accessible","disabled","jsxs","default","BlockCaption","_default","exports","memo"],"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback } from 'react-native';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport {\n\tBlockCaption,\n\tRichText,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { memo, useState } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\nimport EmbedNoPreview from './embed-no-preview';\nimport WpEmbedPreview from './wp-embed-preview';\nimport styles from './styles.scss';\n\nconst EmbedPreview = ( {\n\talign,\n\tclassName,\n\tclientId,\n\ticon,\n\tinsertBlocksAfter,\n\tisSelected,\n\tlabel,\n\tonFocus,\n\tpreview,\n\tpreviewable,\n\tisProviderPreviewable,\n\ttype,\n\turl,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tconst { locale } = useSelect( blockEditorStore ).getSettings();\n\n\tconst wrapperStyle = styles[ 'embed-preview__wrapper' ];\n\tconst wrapperAlignStyle =\n\t\tstyles[ `embed-preview__wrapper--align-${ align }` ];\n\tconst sandboxAlignStyle =\n\t\tstyles[ `embed-preview__sandbox--align-${ align }` ];\n\n\tfunction accessibilityLabelCreator( caption ) {\n\t\treturn RichText.isEmpty( caption )\n\t\t\t? /* translators: accessibility text. Empty Embed caption. */\n\t\t\t  __( 'Embed caption. Empty' )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. %s: Embed caption. */\n\t\t\t\t\t__( 'Embed caption. %s' ),\n\t\t\t\t\tcaption\n\t\t\t  );\n\t}\n\n\tfunction onEmbedPreviewPress() {\n\t\tsetIsCaptionSelected( false );\n\t}\n\n\tfunction onFocusCaption() {\n\t\tif ( onFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t}\n\n\tconst { provider_url: providerUrl } = preview;\n\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\tconst parsedHost = new URL( url ).host.split( '.' );\n\tconst parsedHostBaseUrl = parsedHost\n\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t.join( '.' );\n\tconst iframeTitle = sprintf(\n\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t__( 'Embedded content from %s' ),\n\t\tparsedHostBaseUrl\n\t);\n\tconst sandboxClassnames = clsx(\n\t\ttype,\n\t\tclassName,\n\t\t'wp-block-embed__wrapper'\n\t);\n\n\tconst PreviewContent = 'wp-embed' === type ? WpEmbedPreview : SandBox;\n\tconst embedWrapper = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ () => {\n\t\t\t\t\tif ( onFocus ) {\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t}\n\t\t\t\t\tif ( isCaptionSelected ) {\n\t\t\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"box-only\"\n\t\t\t\t\tstyle={ [ wrapperStyle, wrapperAlignStyle ] }\n\t\t\t\t>\n\t\t\t\t\t<PreviewContent\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tlang={ locale }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tproviderUrl={ providerUrl }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tcontainerStyle={ sandboxAlignStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tonPress={ onEmbedPreviewPress }\n\t\t\tdisabled={ ! isSelected }\n\t\t>\n\t\t\t<View>\n\t\t\t\t{ isProviderPreviewable && previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<EmbedNoPreview\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonPress={ () => setIsCaptionSelected( false ) }\n\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\tisDefaultEmbedInfo={ isDefaultEmbedInfo }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockCaption\n\t\t\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\t\t\taccessible\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\t\tonFocus={ onFocusCaption }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n};\n\nexport default memo( EmbedPreview );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAKA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,eAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,OAAA,GAAAV,sBAAA,CAAAF,OAAA;AAAmC,IAAAa,WAAA,GAAAb,OAAA;AA1BnC;AACA;AACA;;AAIA;AACA;AACA;;AAYA;AACA;AACA;;AAMA,MAAMc,YAAY,GAAGA,CAAE;EACtBC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,iBAAiB;EACjBC,UAAU;EACVC,KAAK;EACLC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC,qBAAqB;EACrBC,IAAI;EACJC,GAAG;EACHC;AACD,CAAC,KAAM;EACN,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,eAAS,EAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC;EAE9D,MAAMC,YAAY,GAAGC,eAAM,CAAE,wBAAwB,CAAE;EACvD,MAAMC,iBAAiB,GACtBD,eAAM,CAAG,iCAAiCtB,KAAO,EAAC,CAAE;EACrD,MAAMwB,iBAAiB,GACtBF,eAAM,CAAG,iCAAiCtB,KAAO,EAAC,CAAE;EAErD,SAASyB,yBAAyBA,CAAEC,OAAO,EAAG;IAC7C,OAAOC,qBAAQ,CAACC,OAAO,CAAEF,OAAQ,CAAC,GAC/B;IACA,IAAAG,QAAE,EAAE,sBAAuB,CAAC,GAC5B,IAAAC,aAAO,GACP;IACA,IAAAD,QAAE,EAAE,mBAAoB,CAAC,EACzBH,OACA,CAAC;EACL;EAEA,SAASK,mBAAmBA,CAAA,EAAG;IAC9BhB,oBAAoB,CAAE,KAAM,CAAC;EAC9B;EAEA,SAASiB,cAAcA,CAAA,EAAG;IACzB,IAAKzB,OAAO,EAAG;MACdA,OAAO,CAAC,CAAC;IACV;IACA,IAAK,CAAEO,iBAAiB,EAAG;MAC1BC,oBAAoB,CAAE,IAAK,CAAC;IAC7B;EACD;EAEA,MAAM;IAAEkB,YAAY,EAAEC;EAAY,CAAC,GAAG1B,OAAO;EAC7C,MAAM2B,IAAI,GAAG,OAAO,KAAKxB,IAAI,GAAG,IAAAyB,kBAAY,EAAE5B,OAAQ,CAAC,GAAGA,OAAO,CAAC2B,IAAI;EACtE,MAAME,UAAU,GAAG,IAAIC,GAAG,CAAE1B,GAAI,CAAC,CAAC2B,IAAI,CAACC,KAAK,CAAE,GAAI,CAAC;EACnD,MAAMC,iBAAiB,GAAGJ,UAAU,CAClCK,MAAM,CAAEL,UAAU,CAACM,MAAM,GAAG,CAAC,EAAEN,UAAU,CAACM,MAAM,GAAG,CAAE,CAAC,CACtDC,IAAI,CAAE,GAAI,CAAC;EACb,MAAMC,WAAW,GAAG,IAAAf,aAAO;EAC1B;EACA,IAAAD,QAAE,EAAE,0BAA2B,CAAC,EAChCY,iBACD,CAAC;EACD,MAAMK,iBAAiB,GAAG,IAAAC,aAAI,EAC7BpC,IAAI,EACJV,SAAS,EACT,yBACD,CAAC;EAED,MAAM+C,cAAc,GAAG,UAAU,KAAKrC,IAAI,GAAGsC,uBAAc,GAAGC,mBAAO;EACrE,MAAMC,YAAY,gBACjB,IAAArD,WAAA,CAAAsD,GAAA,EAAAtD,WAAA,CAAAuD,QAAA;IAAAC,QAAA,eACC,IAAAxD,WAAA,CAAAsD,GAAA,EAACpE,YAAA,CAAAuE,wBAAwB;MACxBC,OAAO,EAAGA,CAAA,KAAM;QACf,IAAKjD,OAAO,EAAG;UACdA,OAAO,CAAC,CAAC;QACV;QACA,IAAKO,iBAAiB,EAAG;UACxBC,oBAAoB,CAAE,KAAM,CAAC;QAC9B;MACD,CAAG;MAAAuC,QAAA,eAEH,IAAAxD,WAAA,CAAAsD,GAAA,EAAChE,WAAA,CAAAqE,IAAI;QACJC,aAAa,EAAC,UAAU;QACxBC,KAAK,EAAG,CAAEtC,YAAY,EAAEE,iBAAiB,CAAI;QAAA+B,QAAA,eAE7C,IAAAxD,WAAA,CAAAsD,GAAA,EAACJ,cAAc;UACdb,IAAI,EAAGA,IAAM;UACbyB,IAAI,EAAG3C,MAAQ;UACf4C,KAAK,EAAGhB,WAAa;UACrBlC,IAAI,EAAGmC,iBAAmB;UAC1BZ,WAAW,EAAGA,WAAa;UAC3BtB,GAAG,EAAGA,GAAK;UACXkD,cAAc,EAAGtC;QAAmB,CACpC;MAAC,CACG;IAAC,CACkB;EAAC,CAC1B,CACF;EACD,oBACC,IAAA1B,WAAA,CAAAsD,GAAA,EAACpE,YAAA,CAAAuE,wBAAwB;IACxBQ,UAAU,EAAG,CAAE1D,UAAY;IAC3BmD,OAAO,EAAGzB,mBAAqB;IAC/BiC,QAAQ,EAAG,CAAE3D,UAAY;IAAAiD,QAAA,eAEzB,IAAAxD,WAAA,CAAAmE,IAAA,EAAC7E,WAAA,CAAAqE,IAAI;MAAAH,QAAA,GACF5C,qBAAqB,IAAID,WAAW,GACrC0C,YAAY,gBAEZ,IAAArD,WAAA,CAAAsD,GAAA,EAACzD,eAAA,CAAAuE,OAAc;QACd5D,KAAK,EAAGA,KAAO;QACfH,IAAI,EAAGA,IAAM;QACbE,UAAU,EAAGA,UAAY;QACzBmD,OAAO,EAAGA,CAAA,KAAMzC,oBAAoB,CAAE,KAAM,CAAG;QAC/CN,WAAW,EAAGA,WAAa;QAC3BI,kBAAkB,EAAGA;MAAoB,CACzC,CACD,eACD,IAAAf,WAAA,CAAAsD,GAAA,EAAC/D,YAAA,CAAA8E,YAAY;QACZ1C,yBAAyB,EAAGA,yBAA2B;QACvDsC,UAAU;QACV7D,QAAQ,EAAGA,QAAU;QACrBE,iBAAiB,EAAGA,iBAAmB;QACvCC,UAAU,EAAGS,iBAAmB;QAChCP,OAAO,EAAGyB;MAAgB,CAC1B,CAAC;IAAA,CACG;EAAC,CACkB,CAAC;AAE7B,CAAC;AAAC,IAAAoC,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEa,IAAAI,aAAI,EAAEvE,YAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_clsx","_interopRequireDefault","_primitives","_blockEditor","_i18n","_element","_components","_data","_util","_embedNoPreview","_wpEmbedPreview","_styles","_jsxRuntime","EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","useState","locale","useSelect","blockEditorStore","getSettings","wrapperStyle","styles","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","RichText","isEmpty","__","sprintf","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","clsx","PreviewContent","WpEmbedPreview","SandBox","embedWrapper","jsx","Fragment","children","TouchableWithoutFeedback","onPress","View","pointerEvents","style","lang","title","containerStyle","accessible","disabled","jsxs","default","BlockCaption","_default","exports","memo"],"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback } from 'react-native';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport {\n\tBlockCaption,\n\tRichText,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { memo, useState } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\nimport EmbedNoPreview from './embed-no-preview';\nimport WpEmbedPreview from './wp-embed-preview';\nimport styles from './styles.scss';\n\nconst EmbedPreview = ( {\n\talign,\n\tclassName,\n\tclientId,\n\ticon,\n\tinsertBlocksAfter,\n\tisSelected,\n\tlabel,\n\tonFocus,\n\tpreview,\n\tpreviewable,\n\tisProviderPreviewable,\n\ttype,\n\turl,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tconst { locale } = useSelect( blockEditorStore ).getSettings();\n\n\tconst wrapperStyle = styles[ 'embed-preview__wrapper' ];\n\tconst wrapperAlignStyle =\n\t\tstyles[ `embed-preview__wrapper--align-${ align }` ];\n\tconst sandboxAlignStyle =\n\t\tstyles[ `embed-preview__sandbox--align-${ align }` ];\n\n\tfunction accessibilityLabelCreator( caption ) {\n\t\treturn RichText.isEmpty( caption )\n\t\t\t? /* translators: accessibility text. Empty Embed caption. */\n\t\t\t  __( 'Embed caption. Empty' )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. %s: Embed caption. */\n\t\t\t\t\t__( 'Embed caption. %s' ),\n\t\t\t\t\tcaption\n\t\t\t  );\n\t}\n\n\tfunction onEmbedPreviewPress() {\n\t\tsetIsCaptionSelected( false );\n\t}\n\n\tfunction onFocusCaption() {\n\t\tif ( onFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t}\n\n\tconst { provider_url: providerUrl } = preview;\n\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\tconst parsedHost = new URL( url ).host.split( '.' );\n\tconst parsedHostBaseUrl = parsedHost\n\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t.join( '.' );\n\tconst iframeTitle = sprintf(\n\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t__( 'Embedded content from %s' ),\n\t\tparsedHostBaseUrl\n\t);\n\tconst sandboxClassnames = clsx(\n\t\ttype,\n\t\tclassName,\n\t\t'wp-block-embed__wrapper'\n\t);\n\n\tconst PreviewContent = 'wp-embed' === type ? WpEmbedPreview : SandBox;\n\tconst embedWrapper = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ () => {\n\t\t\t\t\tif ( onFocus ) {\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t}\n\t\t\t\t\tif ( isCaptionSelected ) {\n\t\t\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"box-only\"\n\t\t\t\t\tstyle={ [ wrapperStyle, wrapperAlignStyle ] }\n\t\t\t\t>\n\t\t\t\t\t<PreviewContent\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tlang={ locale }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tproviderUrl={ providerUrl }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tcontainerStyle={ sandboxAlignStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tonPress={ onEmbedPreviewPress }\n\t\t\tdisabled={ ! isSelected }\n\t\t>\n\t\t\t<View>\n\t\t\t\t{ isProviderPreviewable && previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<EmbedNoPreview\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonPress={ () => setIsCaptionSelected( false ) }\n\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\tisDefaultEmbedInfo={ isDefaultEmbedInfo }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockCaption\n\t\t\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\t\t\taccessible\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\t\tonFocus={ onFocusCaption }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n};\n\nexport default memo( EmbedPreview );\n"],"mappings":"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","ignoreList":[]}

package/build/form/view.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 // eslint-disable-next-line eslint-comments/disable-enable-pair

package/build/form/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["document","querySelectorAll","forEach","form","action","startsWith","redirectNotification","status","urlParams","URLSearchParams","window","location","search","append","toString","addEventListener","event","preventDefault","formData","Object","fromEntries","FormData","entries","formAction","_ajax_nonce","wpBlockFormSettings","nonce","_wp_http_referer","href","response","fetch","ajaxUrl","method","headers","body","ok","error"],"sources":["@wordpress/block-library/src/form/view.js"],"sourcesContent":["// eslint-disable-next-line eslint-comments/disable-enable-pair\n/* eslint-disable no-undef */\ndocument.querySelectorAll( 'form.wp-block-form' ).forEach( function ( form ) {\n\t// Bail If the form is not using the mailto: action.\n\tif ( ! form.action || ! form.action.startsWith( 'mailto:' ) ) {\n\t\treturn;\n\t}\n\n\tconst redirectNotification = ( status ) => {\n\t\tconst urlParams = new URLSearchParams( window.location.search );\n\t\turlParams.append( 'wp-form-result', status );\n\t\twindow.location.search = urlParams.toString();\n\t};\n\n\t// Add an event listener for the form submission.\n\tform.addEventListener( 'submit', async function ( event ) {\n\t\tevent.preventDefault();\n\t\t// Get the form data and merge it with the form action and nonce.\n\t\tconst formData = Object.fromEntries( new FormData( form ).entries() );\n\t\tformData.formAction = form.action;\n\t\tformData._ajax_nonce = wpBlockFormSettings.nonce;\n\t\tformData.action = wpBlockFormSettings.action;\n\t\tformData._wp_http_referer = window.location.href;\n\t\tformData.formAction = form.action;\n\n\t\ttry {\n\t\t\tconst response = await fetch( wpBlockFormSettings.ajaxUrl, {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded',\n\t\t\t\t},\n\t\t\t\tbody: new URLSearchParams( formData ).toString(),\n\t\t\t} );\n\t\t\tif ( response.ok ) {\n\t\t\t\tredirectNotification( 'success' );\n\t\t\t} else {\n\t\t\t\tredirectNotification( 'error' );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tredirectNotification( 'error' );\n\t\t}\n\t} );\n} );\n"],"mappings":";;AAAA;AACA;AACAA,QAAQ,CAACC,gBAAgB,CAAE,oBAAqB,CAAC,CAACC,OAAO,CAAE,UAAWC,IAAI,EAAG;EAC5E;EACA,IAAK,CAAEA,IAAI,CAACC,MAAM,IAAI,CAAED,IAAI,CAACC,MAAM,CAACC,UAAU,CAAE,SAAU,CAAC,EAAG;IAC7D;EACD;EAEA,MAAMC,oBAAoB,GAAKC,MAAM,IAAM;IAC1C,MAAMC,SAAS,GAAG,IAAIC,eAAe,CAAEC,MAAM,CAACC,QAAQ,CAACC,MAAO,CAAC;IAC/DJ,SAAS,CAACK,MAAM,CAAE,gBAAgB,EAAEN,MAAO,CAAC;IAC5CG,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGJ,SAAS,CAACM,QAAQ,CAAC,CAAC;EAC9C,CAAC;;EAED;EACAX,IAAI,CAACY,gBAAgB,CAAE,QAAQ,EAAE,gBAAiBC,KAAK,EAAG;IACzDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB;IACA,MAAMC,QAAQ,GAAGC,MAAM,CAACC,WAAW,CAAE,IAAIC,QAAQ,CAAElB,IAAK,CAAC,CAACmB,OAAO,CAAC,CAAE,CAAC;IACrEJ,QAAQ,CAACK,UAAU,GAAGpB,IAAI,CAACC,MAAM;IACjCc,QAAQ,CAACM,WAAW,GAAGC,mBAAmB,CAACC,KAAK;IAChDR,QAAQ,CAACd,MAAM,GAAGqB,mBAAmB,CAACrB,MAAM;IAC5Cc,QAAQ,CAACS,gBAAgB,GAAGjB,MAAM,CAACC,QAAQ,CAACiB,IAAI;IAChDV,QAAQ,CAACK,UAAU,GAAGpB,IAAI,CAACC,MAAM;IAEjC,IAAI;MACH,MAAMyB,QAAQ,GAAG,MAAMC,KAAK,CAAEL,mBAAmB,CAACM,OAAO,EAAE;QAC1DC,MAAM,EAAE,MAAM;QACdC,OAAO,EAAE;UACR,cAAc,EAAE;QACjB,CAAC;QACDC,IAAI,EAAE,IAAIzB,eAAe,CAAES,QAAS,CAAC,CAACJ,QAAQ,CAAC;MAChD,CAAE,CAAC;MACH,IAAKe,QAAQ,CAACM,EAAE,EAAG;QAClB7B,oBAAoB,CAAE,SAAU,CAAC;MAClC,CAAC,MAAM;QACNA,oBAAoB,CAAE,OAAQ,CAAC;MAChC;IACD,CAAC,CAAC,OAAQ8B,KAAK,EAAG;MACjB9B,oBAAoB,CAAE,OAAQ,CAAC;IAChC;EACD,CAAE,CAAC;AACJ,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["document","querySelectorAll","forEach","form","action","startsWith","redirectNotification","status","urlParams","URLSearchParams","window","location","search","append","toString","addEventListener","event","preventDefault","formData","Object","fromEntries","FormData","entries","formAction","_ajax_nonce","wpBlockFormSettings","nonce","_wp_http_referer","href","response","fetch","ajaxUrl","method","headers","body","ok","error"],"sources":["@wordpress/block-library/src/form/view.js"],"sourcesContent":["// eslint-disable-next-line eslint-comments/disable-enable-pair\n/* eslint-disable no-undef */\ndocument.querySelectorAll( 'form.wp-block-form' ).forEach( function ( form ) {\n\t// Bail If the form is not using the mailto: action.\n\tif ( ! form.action || ! form.action.startsWith( 'mailto:' ) ) {\n\t\treturn;\n\t}\n\n\tconst redirectNotification = ( status ) => {\n\t\tconst urlParams = new URLSearchParams( window.location.search );\n\t\turlParams.append( 'wp-form-result', status );\n\t\twindow.location.search = urlParams.toString();\n\t};\n\n\t// Add an event listener for the form submission.\n\tform.addEventListener( 'submit', async function ( event ) {\n\t\tevent.preventDefault();\n\t\t// Get the form data and merge it with the form action and nonce.\n\t\tconst formData = Object.fromEntries( new FormData( form ).entries() );\n\t\tformData.formAction = form.action;\n\t\tformData._ajax_nonce = wpBlockFormSettings.nonce;\n\t\tformData.action = wpBlockFormSettings.action;\n\t\tformData._wp_http_referer = window.location.href;\n\t\tformData.formAction = form.action;\n\n\t\ttry {\n\t\t\tconst response = await fetch( wpBlockFormSettings.ajaxUrl, {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded',\n\t\t\t\t},\n\t\t\t\tbody: new URLSearchParams( formData ).toString(),\n\t\t\t} );\n\t\t\tif ( response.ok ) {\n\t\t\t\tredirectNotification( 'success' );\n\t\t\t} else {\n\t\t\t\tredirectNotification( 'error' );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tredirectNotification( 'error' );\n\t\t}\n\t} );\n} );\n"],"mappings":";;;AAAA;AACA;AACAA,QAAQ,CAACC,gBAAgB,CAAE,oBAAqB,CAAC,CAACC,OAAO,CAAE,UAAWC,IAAI,EAAG;EAC5E;EACA,IAAK,CAAEA,IAAI,CAACC,MAAM,IAAI,CAAED,IAAI,CAACC,MAAM,CAACC,UAAU,CAAE,SAAU,CAAC,EAAG;IAC7D;EACD;EAEA,MAAMC,oBAAoB,GAAKC,MAAM,IAAM;IAC1C,MAAMC,SAAS,GAAG,IAAIC,eAAe,CAAEC,MAAM,CAACC,QAAQ,CAACC,MAAO,CAAC;IAC/DJ,SAAS,CAACK,MAAM,CAAE,gBAAgB,EAAEN,MAAO,CAAC;IAC5CG,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGJ,SAAS,CAACM,QAAQ,CAAC,CAAC;EAC9C,CAAC;;EAED;EACAX,IAAI,CAACY,gBAAgB,CAAE,QAAQ,EAAE,gBAAiBC,KAAK,EAAG;IACzDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB;IACA,MAAMC,QAAQ,GAAGC,MAAM,CAACC,WAAW,CAAE,IAAIC,QAAQ,CAAElB,IAAK,CAAC,CAACmB,OAAO,CAAC,CAAE,CAAC;IACrEJ,QAAQ,CAACK,UAAU,GAAGpB,IAAI,CAACC,MAAM;IACjCc,QAAQ,CAACM,WAAW,GAAGC,mBAAmB,CAACC,KAAK;IAChDR,QAAQ,CAACd,MAAM,GAAGqB,mBAAmB,CAACrB,MAAM;IAC5Cc,QAAQ,CAACS,gBAAgB,GAAGjB,MAAM,CAACC,QAAQ,CAACiB,IAAI;IAChDV,QAAQ,CAACK,UAAU,GAAGpB,IAAI,CAACC,MAAM;IAEjC,IAAI;MACH,MAAMyB,QAAQ,GAAG,MAAMC,KAAK,CAAEL,mBAAmB,CAACM,OAAO,EAAE;QAC1DC,MAAM,EAAE,MAAM;QACdC,OAAO,EAAE;UACR,cAAc,EAAE;QACjB,CAAC;QACDC,IAAI,EAAE,IAAIzB,eAAe,CAAES,QAAS,CAAC,CAACJ,QAAQ,CAAC;MAChD,CAAE,CAAC;MACH,IAAKe,QAAQ,CAACM,EAAE,EAAG;QAClB7B,oBAAoB,CAAE,SAAU,CAAC;MAClC,CAAC,MAAM;QACNA,oBAAoB,CAAE,OAAQ,CAAC;MAChC;IACD,CAAC,CAAC,OAAQ8B,KAAK,EAAG;MACjB9B,oBAAoB,CAAE,OAAQ,CAAC;IAChC;EACD,CAAE,CAAC;AACJ,CAAE,CAAC","ignoreList":[]}

package/build/image/image.js

@@ -467,8 +467,11 @@ function Image({
   const showUrlInput = isSingleSelected && !isEditingImage && !lockHrefControls && !lockUrlControls;
   const showCoverControls = isSingleSelected && canInsertCover;
   const showBlockControls = showUrlInput || allowCrop || showCoverControls;
-  const mediaReplaceFlow = isSingleSelected && !isEditingImage && !lockUrlControls && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
-    group: "other",
+  const mediaReplaceFlow = isSingleSelected && !isEditingImage && !lockUrlControls &&
+  /*#__PURE__*/
+  // For contentOnly mode, put this button in its own area so it has borders around it.
+  (0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+    group: isContentOnlyMode ? 'inline' : 'other',
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaReplaceFlow, {
       mediaId: id,
       mediaURL: url,