@wordpress/block-library 9.35.1-next.16d95556a.0 → 9.36.0

package/src/breadcrumbs/index.php

@@ -8,7 +8,7 @@
 /**
  * Renders the `core/breadcrumbs` block on the server.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param array    $attributes Block attributes.
  * @param string   $content    Block default content.
@@ -26,9 +26,9 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 
 	if ( $attributes['showHomeLink'] ) {
 		if ( ! $is_home_or_front_page ) {
-			$breadcrumb_items[] = block_core_breadcrumbs_create_link(
-				home_url( '/' ),
-				__( 'Home' )
+			$breadcrumb_items[] = array(
+				'label' => __( 'Home' ),
+				'url'   => home_url( '/' ),
 			);
 		} else {
 			$breadcrumb_items[] = block_core_breadcrumbs_create_item( __( 'Home' ), block_core_breadcrumbs_is_paged() );
@@ -53,8 +53,8 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 		}
 	} elseif ( is_404() ) {
 		// Handle 404 pages.
-		$breadcrumb_items[] = block_core_breadcrumbs_create_current_item(
-			__( 'Page not found' )
+		$breadcrumb_items[] = array(
+			'label' => __( 'Page not found' ),
 		);
 	} elseif ( is_archive() ) {
 		// Handle archive pages (taxonomy, post type, date, author archives).
@@ -76,25 +76,71 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 			return '';
 		}
 
-		// Determine breadcrumb type for accurate rendering (matching JavaScript logic).
+		// For non-hierarchical post types with parents (e.g., attachments), build trail for the parent.
+		$post_parent = $post->post_parent;
+		$parent_post = null;
+		if ( ! is_post_type_hierarchical( $post_type ) && $post_parent ) {
+			$parent_post = get_post( $post_parent );
+			if ( $parent_post ) {
+				$post_id     = $parent_post->ID;
+				$post_type   = $parent_post->post_type;
+				$post_parent = $parent_post->post_parent;
+			}
+		}
+
+		// Determine breadcrumb type.
+		// Some non-hierarchical post types (e.g., attachments) can have parents.
+		// Use hierarchical breadcrumbs if a parent exists, otherwise use taxonomy breadcrumbs.
 		$show_terms = false;
-		if ( ! is_post_type_hierarchical( $post_type ) ) {
+		if ( ! is_post_type_hierarchical( $post_type ) && ! $post_parent ) {
 			$show_terms = true;
 		} elseif ( empty( get_object_taxonomies( $post_type, 'objects' ) ) ) {
-			// Hierarchical post type without taxonomies can only use ancestors.
 			$show_terms = false;
 		} else {
-			// For hierarchical post types with taxonomies, use the attribute.
 			$show_terms = $attributes['prefersTaxonomy'];
 		}
 
+		// Add post type archive link if applicable.
+		$post_type_object = get_post_type_object( $post_type );
+		$archive_link     = get_post_type_archive_link( $post_type );
+		if ( $archive_link && untrailingslashit( home_url() ) !== untrailingslashit( $archive_link ) ) {
+			$label = $post_type_object->labels->archives;
+			if ( 'post' === $post_type ) {
+				$page_for_posts = get_option( 'page_for_posts' );
+				if ( $page_for_posts ) {
+					$label = block_core_breadcrumbs_get_post_title( $page_for_posts );
+				}
+			}
+			$breadcrumb_items[] = array(
+				'label' => $label,
+				'url'   => $archive_link,
+			);
+		}
+		// Build breadcrumb trail based on hierarchical structure or taxonomy terms.
 		if ( ! $show_terms ) {
 			$breadcrumb_items = array_merge( $breadcrumb_items, block_core_breadcrumbs_get_hierarchical_post_type_breadcrumbs( $post_id ) );
 		} else {
 			$breadcrumb_items = array_merge( $breadcrumb_items, block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) );
 		}
-		// Add current post title (not linked).
-		$breadcrumb_items[] = block_core_breadcrumbs_create_current_item( block_core_breadcrumbs_get_post_title( $post ), true );
+
+		// Add post title: linked when viewing a paginated page, plain text otherwise.
+		$is_paged = (int) get_query_var( 'page' ) > 1;
+		$title    = block_core_breadcrumbs_get_post_title( $post );
+
+		if ( $is_paged ) {
+			$breadcrumb_items[] = array(
+				'label'      => $title,
+				'url'        => get_permalink( $post ),
+				'allow_html' => true,
+			);
+
+			$breadcrumb_items[] = block_core_breadcrumbs_create_page_number_item( 'page' );
+		} else {
+			$breadcrumb_items[] = array(
+				'label'      => $title,
+				'allow_html' => true,
+			);
+		}
 	}
 
 	// Remove last item if disabled.
@@ -120,7 +166,11 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 			'',
 			array_map(
 				static function ( $item ) {
-					return '<li>' . $item . '</li>';
+					$label = ! empty( $item['allow_html'] ) ? wp_kses_post( $item['label'] ) : esc_html( $item['label'] );
+					if ( ! empty( $item['url'] ) ) {
+						return '<li><a href="' . esc_url( $item['url'] ) . '">' . $label . '</a></li>';
+					}
+					return '<li><span aria-current="page">' . $label . '</span></li>';
 				},
 				$breadcrumb_items
 			)
@@ -133,7 +183,7 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 /**
  * Checks if we're on a paginated view (page 2 or higher).
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @return bool True if paged > 1, false otherwise.
  */
@@ -145,53 +195,22 @@ function block_core_breadcrumbs_is_paged() {
 /**
  * Creates a "Page X" breadcrumb item for paginated views.
  *
- * @since 6.9.0
- *
- * @return string The "Page X" breadcrumb HTML.
+ * @since 7.0.0
+ * @param string $query_var Optional. Query variable to get current page number. Default 'paged'.
+ * @return array The "Page X" breadcrumb item data.
  */
-function block_core_breadcrumbs_create_page_number_item() {
-	$paged = (int) get_query_var( 'paged' );
-	return block_core_breadcrumbs_create_current_item(
-		/* translators: %s: page number */
-		sprintf( __( 'Page %s' ), number_format_i18n( $paged ) )
+function block_core_breadcrumbs_create_page_number_item( $query_var = 'paged' ) {
+	$paged = (int) get_query_var( $query_var );
+
+	return array(
+		'label' => sprintf(
+			/* translators: %s: page number */
+			__( 'Page %s' ),
+			number_format_i18n( $paged )
+		),
 	);
 }
 
-/**
- * Creates a breadcrumb link item.
- *
- * @since 6.9.0
- *
- * @param string $url        The URL for the link (will be escaped).
- * @param string $text       The link text (will be escaped).
- * @param bool   $allow_html Whether to allow HTML in the text. If true, uses wp_kses_post(), otherwise uses esc_html(). Default false.
- *
- * @return string The breadcrumb link HTML.
- */
-function block_core_breadcrumbs_create_link( $url, $text, $allow_html = false ) {
-	return sprintf(
-		'<a href="%s">%s</a>',
-		esc_url( $url ),
-		$allow_html ? wp_kses_post( $text ) : esc_html( $text )
-	);
-}
-
-/**
- * Creates a breadcrumb current page item.
- *
- * @since 6.9.0
- *
- * @param string $text       The text content (will be escaped).
- * @param bool   $allow_html Whether to allow HTML in the text. If true, uses wp_kses_post(), otherwise uses esc_html(). Default false.
- *
- * @return string The breadcrumb current page HTML.
- */
-function block_core_breadcrumbs_create_current_item( $text, $allow_html = false ) {
-	return sprintf(
-		'<span aria-current="page">%s</span>',
-		$allow_html ? wp_kses_post( $text ) : esc_html( $text )
-	);
-}
 
 /**
  * Creates a breadcrumb item that's either a link or current page item.
@@ -199,25 +218,25 @@ function block_core_breadcrumbs_create_current_item( $text, $allow_html = false
  * When paginated (is_paged is true), creates a link to page 1.
  * Otherwise, creates a span marked as the current page.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
- * @param string $text       The text content (will be escaped).
+ * @param string $text       The text content.
  * @param bool   $is_paged   Whether we're on a paginated view.
- * @param bool   $allow_html Whether to allow HTML in the text. If true, uses wp_kses_post(), otherwise uses esc_html(). Default false.
  *
- * @return string The breadcrumb HTML.
+ * @return array The breadcrumb item data.
  */
-function block_core_breadcrumbs_create_item( $text, $is_paged = false, $allow_html = false ) {
+function block_core_breadcrumbs_create_item( $text, $is_paged = false ) {
+	$item = array( 'label' => $text );
 	if ( $is_paged ) {
-		return block_core_breadcrumbs_create_link( get_pagenum_link( 1 ), $text, $allow_html );
+		$item['url'] = get_pagenum_link( 1 );
 	}
-	return block_core_breadcrumbs_create_current_item( $text, $allow_html );
+	return $item;
 }
 
 /**
  * Gets a post title with fallback for empty titles.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param int|WP_Post $post_id_or_object The post ID or post object.
  *
@@ -234,11 +253,11 @@ function block_core_breadcrumbs_get_post_title( $post_id_or_object ) {
 /**
  * Generates breadcrumb items from hierarchical post type ancestors.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param int    $post_id   The post ID.
  *
- * @return array Array of breadcrumb HTML items.
+ * @return array Array of breadcrumb item data.
  */
 function block_core_breadcrumbs_get_hierarchical_post_type_breadcrumbs( $post_id ) {
 	$breadcrumb_items = array();
@@ -246,10 +265,10 @@ function block_core_breadcrumbs_get_hierarchical_post_type_breadcrumbs( $post_id
 	$ancestors        = array_reverse( $ancestors );
 
 	foreach ( $ancestors as $ancestor_id ) {
-		$breadcrumb_items[] = block_core_breadcrumbs_create_link(
-			get_permalink( $ancestor_id ),
-			block_core_breadcrumbs_get_post_title( $ancestor_id ),
-			true
+		$breadcrumb_items[] = array(
+			'label'      => block_core_breadcrumbs_get_post_title( $ancestor_id ),
+			'url'        => get_permalink( $ancestor_id ),
+			'allow_html' => true,
 		);
 	}
 	return $breadcrumb_items;
@@ -260,12 +279,12 @@ function block_core_breadcrumbs_get_hierarchical_post_type_breadcrumbs( $post_id
  *
  * For hierarchical taxonomies, retrieves and formats ancestor terms as breadcrumb links.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param int    $term_id  The term ID.
  * @param string $taxonomy The taxonomy name.
  *
- * @return array Array of breadcrumb HTML items for ancestors.
+ * @return array Array of breadcrumb item data for ancestors.
  */
 function block_core_breadcrumbs_get_term_ancestors_items( $term_id, $taxonomy ) {
 	$breadcrumb_items = array();
@@ -277,9 +296,9 @@ function block_core_breadcrumbs_get_term_ancestors_items( $term_id, $taxonomy )
 		foreach ( $term_ancestors as $ancestor_id ) {
 			$ancestor_term = get_term( $ancestor_id, $taxonomy );
 			if ( $ancestor_term && ! is_wp_error( $ancestor_term ) ) {
-				$breadcrumb_items[] = block_core_breadcrumbs_create_link(
-					get_term_link( $ancestor_term ),
-					$ancestor_term->name
+				$breadcrumb_items[] = array(
+					'label' => $ancestor_term->name,
+					'url'   => get_term_link( $ancestor_term ),
 				);
 			}
 		}
@@ -294,9 +313,9 @@ function block_core_breadcrumbs_get_term_ancestors_items( $term_id, $taxonomy )
  * Handles taxonomy archives, post type archives, date archives, and author archives.
  * For hierarchical taxonomies, includes ancestor terms in the breadcrumb trail.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
- * @return array Array of breadcrumb HTML items.
+ * @return array Array of breadcrumb item data.
  */
 function block_core_breadcrumbs_get_archive_breadcrumbs() {
 	$breadcrumb_items = array();
@@ -323,16 +342,16 @@ function block_core_breadcrumbs_get_archive_breadcrumbs() {
 		if ( $year ) {
 			if ( $month ) {
 				// Year is linked if we have month.
-				$breadcrumb_items[] = block_core_breadcrumbs_create_link(
-					get_year_link( $year ),
-					$year
+				$breadcrumb_items[] = array(
+					'label' => $year,
+					'url'   => get_year_link( $year ),
 				);
 
 				if ( $day ) {
 					// Month is linked if we have day.
-					$breadcrumb_items[] = block_core_breadcrumbs_create_link(
-						get_month_link( $year, $month ),
-						date_i18n( 'F', mktime( 0, 0, 0, $month, 1, $year ) )
+					$breadcrumb_items[] = array(
+						'label' => date_i18n( 'F', mktime( 0, 0, 0, $month, 1, $year ) ),
+						'url'   => get_month_link( $year, $month ),
 					);
 					// Add day (current if not paginated, link if paginated).
 					$breadcrumb_items[] = block_core_breadcrumbs_create_item(
@@ -398,7 +417,7 @@ function block_core_breadcrumbs_get_archive_breadcrumbs() {
 		if ( $post_type_object ) {
 			// Add post type (current if not paginated, link if paginated).
 			$breadcrumb_items[] = block_core_breadcrumbs_create_item(
-				$post_type_object->labels->name,
+				$post_type_object->labels->archives,
 				$is_paged
 			);
 		}
@@ -426,15 +445,16 @@ function block_core_breadcrumbs_get_archive_breadcrumbs() {
  * Finds the first publicly queryable taxonomy with terms assigned to the post
  * and generates breadcrumb links, including hierarchical term ancestors if applicable.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param int    $post_id   The post ID.
  * @param string $post_type The post type name.
  *
- * @return array Array of breadcrumb HTML items.
+ * @return array Array of breadcrumb item data.
  */
 function block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) {
 	$breadcrumb_items = array();
+
 	// Get public taxonomies for this post type.
 	$taxonomies = wp_filter_object_list(
 		get_object_taxonomies( $post_type, 'objects' ),
@@ -445,32 +465,83 @@ function block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) {
 	);
 
 	if ( empty( $taxonomies ) ) {
-		return array();
+		return $breadcrumb_items;
 	}
 
-	// Find the first taxonomy that has terms assigned to this post.
+	/**
+	 * Filters breadcrumb settings on a per-post-type basis.
+	 *
+	 * Allow developers to customize breadcrumb behavior for specific post types.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array  $settings {
+	 *     Array of breadcrumb settings. Default empty array.
+	 *
+	 *     @type string $taxonomy Optional. Taxonomy slug to use for breadcrumbs.
+	 *                            The taxonomy must be registered for the post type and have
+	 *                            terms assigned to the post. If not found or has no terms,
+	 *                            fall back to the first available taxonomy with terms.
+	 *     @type string $term     Optional. Term slug to use when the post has multiple terms
+	 *                            in the selected taxonomy. If the term is not found or not
+	 *                            assigned to the post, fall back to the first term. If the
+	 *                            post has only one term, that term is used regardless.
+	 * }
+	 * @param string $post_type The post type slug.
+	 */
+	$settings = apply_filters( 'block_core_breadcrumbs_post_type_settings', array(), $post_type );
+
 	$taxonomy_name = null;
 	$terms         = array();
-	foreach ( $taxonomies as $taxonomy ) {
-		$post_terms = get_the_terms( $post_id, $taxonomy->name );
-		if ( ! empty( $post_terms ) && ! is_wp_error( $post_terms ) ) {
-			$taxonomy_name = $taxonomy->name;
-			$terms         = $post_terms;
-			break;
+
+	// Try preferred taxonomy first if specified.
+	if ( ! empty( $settings['taxonomy'] ) ) {
+		foreach ( $taxonomies as $taxonomy ) {
+			if ( $taxonomy->name === $settings['taxonomy'] ) {
+				$post_terms = get_the_terms( $post_id, $taxonomy->name );
+				if ( ! empty( $post_terms ) && ! is_wp_error( $post_terms ) ) {
+					$taxonomy_name = $taxonomy->name;
+					$terms         = $post_terms;
+				}
+				break;
+			}
+		}
+	}
+
+	// If no preferred taxonomy or it didn't have terms, find the first taxonomy with terms.
+	if ( empty( $terms ) ) {
+		foreach ( $taxonomies as $taxonomy ) {
+			$post_terms = get_the_terms( $post_id, $taxonomy->name );
+			if ( ! empty( $post_terms ) && ! is_wp_error( $post_terms ) ) {
+				$taxonomy_name = $taxonomy->name;
+				$terms         = $post_terms;
+				break;
+			}
 		}
 	}
 
 	if ( ! empty( $terms ) ) {
-		// Use the first term (if multiple are assigned).
+		// Select which term to use.
 		$term = reset( $terms );
+
+		// Try preferred term if specified and post has multiple terms.
+		if ( ! empty( $settings['term'] ) && count( $terms ) > 1 ) {
+			foreach ( $terms as $candidate_term ) {
+				if ( $candidate_term->slug === $settings['term'] ) {
+					$term = $candidate_term;
+					break;
+				}
+			}
+		}
+
 		// Add hierarchical term ancestors if applicable.
 		$breadcrumb_items   = array_merge(
 			$breadcrumb_items,
 			block_core_breadcrumbs_get_term_ancestors_items( $term->term_id, $taxonomy_name )
 		);
-		$breadcrumb_items[] = block_core_breadcrumbs_create_link(
-			get_term_link( $term ),
-			$term->name
+		$breadcrumb_items[] = array(
+			'label' => $term->name,
+			'url'   => get_term_link( $term ),
 		);
 	}
 	return $breadcrumb_items;
@@ -479,7 +550,7 @@ function block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) {
 /**
  * Registers the `core/breadcrumbs` block on the server.
  *
- * @since 6.9.0
+ * @since 7.0.0
  */
 function register_block_core_breadcrumbs() {
 	register_block_type_from_metadata(

package/src/button/index.js

@@ -3,6 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { button as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -12,6 +13,9 @@ import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
+import { unlock } from '../lock-unlock';
+
+const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -34,4 +38,27 @@ export const settings = {
 	} ),
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings[ fieldsKey ] = [
+		{
+			id: 'text',
+			label: __( 'Content' ),
+			type: 'richtext',
+		},
+		{
+			id: 'link',
+			label: __( 'Link' ),
+			type: 'link',
+			mapping: {
+				url: 'url',
+				rel: 'rel',
+				linkTarget: 'linkTarget',
+			},
+		},
+	];
+	settings[ formKey ] = {
+		fields: [ 'text' ],
+	};
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/code/index.js

@@ -3,6 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { code as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -12,6 +13,9 @@ import edit from './edit';
 import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
+import { unlock } from '../lock-unlock';
+
+const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -39,4 +43,17 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings[ fieldsKey ] = [
+		{
+			id: 'content',
+			label: __( 'Code' ),
+			type: 'richtext',
+		},
+	];
+	settings[ formKey ] = {
+		fields: [ 'content' ],
+	};
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/cover/edit/block-controls.js

@@ -11,12 +11,15 @@ import {
 	privateApis as blockEditorPrivateApis,
 } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
+import { MenuItem } from '@wordpress/components';
+import { link } from '@wordpress/icons';
 
 /**
  * Internal dependencies
  */
 import { ALLOWED_MEDIA_TYPES } from '../shared';
 import { unlock } from '../../lock-unlock';
+import EmbedVideoUrlInput from './embed-video-url-input';
 
 const { cleanEmptyObject } = unlock( blockEditorPrivateApis );
 
@@ -27,6 +30,7 @@ export default function CoverBlockControls( {
 	currentSettings,
 	toggleUseFeaturedImage,
 	onClearMedia,
+	onSelectEmbedUrl,
 	blockEditingMode,
 } ) {
 	const { contentPosition, id, useFeaturedImage, minHeight, minHeightUnit } =
@@ -36,6 +40,7 @@ export default function CoverBlockControls( {
 	const [ prevMinHeightValue, setPrevMinHeightValue ] = useState( minHeight );
 	const [ prevMinHeightUnit, setPrevMinHeightUnit ] =
 		useState( minHeightUnit );
+	const [ isEmbedUrlInputOpen, setIsEmbedUrlInputOpen ] = useState( false );
 	const isMinFullHeight =
 		minHeightUnit === 'vh' &&
 		minHeight === 100 &&
@@ -102,14 +107,33 @@ export default function CoverBlockControls( {
 					mediaId={ id }
 					mediaURL={ url }
 					allowedTypes={ ALLOWED_MEDIA_TYPES }
-					accept="image/*,video/*"
 					onSelect={ onSelectMedia }
 					onToggleFeaturedImage={ toggleUseFeaturedImage }
 					useFeaturedImage={ useFeaturedImage }
 					name={ ! url ? __( 'Add media' ) : __( 'Replace' ) }
 					onReset={ onClearMedia }
-				/>
+				>
+					{ ( { onClose } ) => (
+						<MenuItem
+							icon={ link }
+							onClick={ () => {
+								setIsEmbedUrlInputOpen( true );
+								onClose();
+							} }
+						>
+							{ __( 'Embed video from URL' ) }
+						</MenuItem>
+					) }
+				</MediaReplaceFlow>
 			</BlockControls>
+			{ isEmbedUrlInputOpen && (
+				<EmbedVideoUrlInput
+					onSubmit={ ( embedUrl ) => {
+						onSelectEmbedUrl( embedUrl );
+					} }
+					onClose={ () => setIsEmbedUrlInputOpen( false ) }
+				/>
+			) }
 		</>
 	);
 }

package/src/cover/edit/cover-placeholder.js

@@ -25,7 +25,6 @@ export default function CoverPlaceholder( {
 				title: __( 'Cover' ),
 			} }
 			onSelect={ onSelectMedia }
-			accept="image/*,video/*"
 			allowedTypes={ ALLOWED_MEDIA_TYPES }
 			disableMediaButtons={ disableMediaButtons }
 			onToggleFeaturedImage={ toggleUseFeaturedImage }

package/src/cover/edit/embed-video-url-input.js

@@ -0,0 +1,74 @@
+/**
+ * WordPress dependencies
+ */
+import { useState } from '@wordpress/element';
+import {
+	__experimentalConfirmDialog as ConfirmDialog,
+	__experimentalVStack as VStack,
+	TextControl,
+	Notice,
+} from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { isValidVideoEmbedUrl } from '../embed-video-utils';
+
+export default function EmbedVideoUrlInput( { onSubmit, onClose } ) {
+	const [ url, setUrl ] = useState( '' );
+	const [ error, setError ] = useState( '' );
+
+	const handleConfirm = () => {
+		if ( ! url ) {
+			setError( __( 'Please enter a URL.' ) );
+			return;
+		}
+
+		if ( ! isValidVideoEmbedUrl( url ) ) {
+			setError(
+				__(
+					'This URL is not supported. Please enter a valid video link from a supported provider.'
+				)
+			);
+			return;
+		}
+
+		onSubmit( url );
+		onClose();
+	};
+
+	return (
+		<ConfirmDialog
+			isOpen
+			onConfirm={ handleConfirm }
+			onCancel={ onClose }
+			confirmButtonText={ __( 'Add video' ) }
+			size="medium"
+		>
+			<VStack spacing={ 4 }>
+				{ error && (
+					<Notice status="error" isDismissible={ false }>
+						{ error }
+					</Notice>
+				) }
+				<TextControl
+					__next40pxDefaultSize
+					label={ __( 'Video URL' ) }
+					value={ url }
+					onChange={ ( value ) => {
+						setUrl( value );
+						setError( '' );
+					} }
+					placeholder={ __(
+						'Enter YouTube, Vimeo, or other video URL'
+					) }
+					__nextHasNoMarginBottom
+					help={ __(
+						'Add a background video to the cover block that will autoplay in a loop.'
+					) }
+				/>
+			</VStack>
+		</ConfirmDialog>
+	);
+}