@wordpress/block-library 9.26.1-next.719a03cbe.0 → 9.27.1-next.46f643fa0.0

package/build-module/social-link/variations.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","AmazonIcon","BandcampIcon","BehanceIcon","BlueskyIcon","ChainIcon","CodepenIcon","DeviantArtIcon","DiscordIcon","DribbbleIcon","DropboxIcon","EtsyIcon","FacebookIcon","FeedIcon","FivehundredpxIcon","FlickrIcon","FoursquareIcon","GoodreadsIcon","GoogleIcon","GitHubIcon","GravatarIcon","InstagramIcon","LastfmIcon","LinkedInIcon","MailIcon","MastodonIcon","MeetupIcon","MediumIcon","PatreonIcon","PinterestIcon","PocketIcon","RedditIcon","SkypeIcon","SnapchatIcon","SoundCloudIcon","SpotifyIcon","TelegramIcon","ThreadsIcon","TiktokIcon","TumblrIcon","TwitchIcon","TwitterIcon","VimeoIcon","VkIcon","WhatsAppIcon","WordPressIcon","XIcon","YelpIcon","YouTubeIcon","variations","isDefault","name","attributes","service","title","icon","keywords","forEach","variation","isActive","blockAttributes","variationAttributes"],"sources":["@wordpress/block-library/src/social-link/variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tAmazonIcon,\n\tBandcampIcon,\n\tBehanceIcon,\n\tBlueskyIcon,\n\tChainIcon,\n\tCodepenIcon,\n\tDeviantArtIcon,\n\tDiscordIcon,\n\tDribbbleIcon,\n\tDropboxIcon,\n\tEtsyIcon,\n\tFacebookIcon,\n\tFeedIcon,\n\tFivehundredpxIcon,\n\tFlickrIcon,\n\tFoursquareIcon,\n\tGoodreadsIcon,\n\tGoogleIcon,\n\tGitHubIcon,\n\tGravatarIcon,\n\tInstagramIcon,\n\tLastfmIcon,\n\tLinkedInIcon,\n\tMailIcon,\n\tMastodonIcon,\n\tMeetupIcon,\n\tMediumIcon,\n\tPatreonIcon,\n\tPinterestIcon,\n\tPocketIcon,\n\tRedditIcon,\n\tSkypeIcon,\n\tSnapchatIcon,\n\tSoundCloudIcon,\n\tSpotifyIcon,\n\tTelegramIcon,\n\tThreadsIcon,\n\tTiktokIcon,\n\tTumblrIcon,\n\tTwitchIcon,\n\tTwitterIcon,\n\tVimeoIcon,\n\tVkIcon,\n\tWhatsAppIcon,\n\tWordPressIcon,\n\tXIcon,\n\tYelpIcon,\n\tYouTubeIcon,\n} from './icons';\n\nconst variations = [\n\t{\n\t\tisDefault: true,\n\t\tname: 'wordpress',\n\t\tattributes: { service: 'wordpress' },\n\t\ttitle: __( 'WordPress' ),\n\t\ticon: WordPressIcon,\n\t},\n\n\t{\n\t\tname: 'fivehundredpx',\n\t\tattributes: { service: 'fivehundredpx' },\n\t\ttitle: __( '500px' ),\n\t\ticon: FivehundredpxIcon,\n\t},\n\t{\n\t\tname: 'amazon',\n\t\tattributes: { service: 'amazon' },\n\t\ttitle: __( 'Amazon' ),\n\t\ticon: AmazonIcon,\n\t},\n\t{\n\t\tname: 'bandcamp',\n\t\tattributes: { service: 'bandcamp' },\n\t\ttitle: __( 'Bandcamp' ),\n\t\ticon: BandcampIcon,\n\t},\n\t{\n\t\tname: 'behance',\n\t\tattributes: { service: 'behance' },\n\t\ttitle: __( 'Behance' ),\n\t\ticon: BehanceIcon,\n\t},\n\t{\n\t\tname: 'bluesky',\n\t\tattributes: { service: 'bluesky' },\n\t\ttitle: __( 'Bluesky' ),\n\t\ticon: BlueskyIcon,\n\t},\n\t{\n\t\tname: 'chain',\n\t\tattributes: { service: 'chain' },\n\t\ttitle: __( 'Link' ),\n\t\ticon: ChainIcon,\n\t},\n\t{\n\t\tname: 'codepen',\n\t\tattributes: { service: 'codepen' },\n\t\ttitle: __( 'CodePen' ),\n\t\ticon: CodepenIcon,\n\t},\n\t{\n\t\tname: 'deviantart',\n\t\tattributes: { service: 'deviantart' },\n\t\ttitle: __( 'DeviantArt' ),\n\t\ticon: DeviantArtIcon,\n\t},\n\t{\n\t\tname: 'discord',\n\t\tattributes: { service: 'discord' },\n\t\ttitle: __( 'Discord' ),\n\t\ticon: DiscordIcon,\n\t},\n\t{\n\t\tname: 'dribbble',\n\t\tattributes: { service: 'dribbble' },\n\t\ttitle: __( 'Dribbble' ),\n\t\ticon: DribbbleIcon,\n\t},\n\t{\n\t\tname: 'dropbox',\n\t\tattributes: { service: 'dropbox' },\n\t\ttitle: __( 'Dropbox' ),\n\t\ticon: DropboxIcon,\n\t},\n\t{\n\t\tname: 'etsy',\n\t\tattributes: { service: 'etsy' },\n\t\ttitle: __( 'Etsy' ),\n\t\ticon: EtsyIcon,\n\t},\n\t{\n\t\tname: 'facebook',\n\t\tattributes: { service: 'facebook' },\n\t\ttitle: __( 'Facebook' ),\n\t\ticon: FacebookIcon,\n\t},\n\t{\n\t\tname: 'feed',\n\t\tattributes: { service: 'feed' },\n\t\ttitle: __( 'RSS Feed' ),\n\t\ticon: FeedIcon,\n\t},\n\t{\n\t\tname: 'flickr',\n\t\tattributes: { service: 'flickr' },\n\t\ttitle: __( 'Flickr' ),\n\t\ticon: FlickrIcon,\n\t},\n\t{\n\t\tname: 'foursquare',\n\t\tattributes: { service: 'foursquare' },\n\t\ttitle: __( 'Foursquare' ),\n\t\ticon: FoursquareIcon,\n\t},\n\t{\n\t\tname: 'goodreads',\n\t\tattributes: { service: 'goodreads' },\n\t\ttitle: __( 'Goodreads' ),\n\t\ticon: GoodreadsIcon,\n\t},\n\t{\n\t\tname: 'google',\n\t\tattributes: { service: 'google' },\n\t\ttitle: __( 'Google' ),\n\t\ticon: GoogleIcon,\n\t},\n\t{\n\t\tname: 'github',\n\t\tattributes: { service: 'github' },\n\t\ttitle: __( 'GitHub' ),\n\t\ticon: GitHubIcon,\n\t},\n\t{\n\t\tname: 'gravatar',\n\t\tattributes: { service: 'gravatar' },\n\t\ttitle: __( 'Gravatar' ),\n\t\ticon: GravatarIcon,\n\t},\n\t{\n\t\tname: 'instagram',\n\t\tattributes: { service: 'instagram' },\n\t\ttitle: __( 'Instagram' ),\n\t\ticon: InstagramIcon,\n\t},\n\t{\n\t\tname: 'lastfm',\n\t\tattributes: { service: 'lastfm' },\n\t\ttitle: __( 'Last.fm' ),\n\t\ticon: LastfmIcon,\n\t},\n\t{\n\t\tname: 'linkedin',\n\t\tattributes: { service: 'linkedin' },\n\t\ttitle: __( 'LinkedIn' ),\n\t\ticon: LinkedInIcon,\n\t},\n\t{\n\t\tname: 'mail',\n\t\tattributes: { service: 'mail' },\n\t\ttitle: __( 'Mail' ),\n\t\tkeywords: [ 'email', 'e-mail' ],\n\t\ticon: MailIcon,\n\t},\n\t{\n\t\tname: 'mastodon',\n\t\tattributes: { service: 'mastodon' },\n\t\ttitle: __( 'Mastodon' ),\n\t\ticon: MastodonIcon,\n\t},\n\t{\n\t\tname: 'meetup',\n\t\tattributes: { service: 'meetup' },\n\t\ttitle: __( 'Meetup' ),\n\t\ticon: MeetupIcon,\n\t},\n\t{\n\t\tname: 'medium',\n\t\tattributes: { service: 'medium' },\n\t\ttitle: __( 'Medium' ),\n\t\ticon: MediumIcon,\n\t},\n\t{\n\t\tname: 'patreon',\n\t\tattributes: { service: 'patreon' },\n\t\ttitle: __( 'Patreon' ),\n\t\ticon: PatreonIcon,\n\t},\n\t{\n\t\tname: 'pinterest',\n\t\tattributes: { service: 'pinterest' },\n\t\ttitle: __( 'Pinterest' ),\n\t\ticon: PinterestIcon,\n\t},\n\t{\n\t\tname: 'pocket',\n\t\tattributes: { service: 'pocket' },\n\t\ttitle: __( 'Pocket' ),\n\t\ticon: PocketIcon,\n\t},\n\t{\n\t\tname: 'reddit',\n\t\tattributes: { service: 'reddit' },\n\t\ttitle: __( 'Reddit' ),\n\t\ticon: RedditIcon,\n\t},\n\t{\n\t\tname: 'skype',\n\t\tattributes: { service: 'skype' },\n\t\ttitle: __( 'Skype' ),\n\t\ticon: SkypeIcon,\n\t},\n\t{\n\t\tname: 'snapchat',\n\t\tattributes: { service: 'snapchat' },\n\t\ttitle: __( 'Snapchat' ),\n\t\ticon: SnapchatIcon,\n\t},\n\t{\n\t\tname: 'soundcloud',\n\t\tattributes: { service: 'soundcloud' },\n\t\ttitle: __( 'SoundCloud' ),\n\t\ticon: SoundCloudIcon,\n\t},\n\t{\n\t\tname: 'spotify',\n\t\tattributes: { service: 'spotify' },\n\t\ttitle: __( 'Spotify' ),\n\t\ticon: SpotifyIcon,\n\t},\n\t{\n\t\tname: 'telegram',\n\t\tattributes: { service: 'telegram' },\n\t\ttitle: __( 'Telegram' ),\n\t\ticon: TelegramIcon,\n\t},\n\t{\n\t\tname: 'threads',\n\t\tattributes: { service: 'threads' },\n\t\ttitle: __( 'Threads' ),\n\t\ticon: ThreadsIcon,\n\t},\n\t{\n\t\tname: 'tiktok',\n\t\tattributes: { service: 'tiktok' },\n\t\ttitle: __( 'TikTok' ),\n\t\ticon: TiktokIcon,\n\t},\n\t{\n\t\tname: 'tumblr',\n\t\tattributes: { service: 'tumblr' },\n\t\ttitle: __( 'Tumblr' ),\n\t\ticon: TumblrIcon,\n\t},\n\t{\n\t\tname: 'twitch',\n\t\tattributes: { service: 'twitch' },\n\t\ttitle: __( 'Twitch' ),\n\t\ticon: TwitchIcon,\n\t},\n\t{\n\t\tname: 'twitter',\n\t\tattributes: { service: 'twitter' },\n\t\ttitle: __( 'Twitter' ),\n\t\ticon: TwitterIcon,\n\t},\n\t{\n\t\tname: 'vimeo',\n\t\tattributes: { service: 'vimeo' },\n\t\ttitle: __( 'Vimeo' ),\n\t\ticon: VimeoIcon,\n\t},\n\t{\n\t\tname: 'vk',\n\t\tattributes: { service: 'vk' },\n\t\ttitle: __( 'VK' ),\n\t\ticon: VkIcon,\n\t},\n\t{\n\t\tname: 'whatsapp',\n\t\tattributes: { service: 'whatsapp' },\n\t\ttitle: __( 'WhatsApp' ),\n\t\ticon: WhatsAppIcon,\n\t},\n\t{\n\t\tname: 'x',\n\t\tattributes: { service: 'x' },\n\t\tkeywords: [ 'twitter' ],\n\t\ttitle: __( 'X' ),\n\t\ticon: XIcon,\n\t},\n\t{\n\t\tname: 'yelp',\n\t\tattributes: { service: 'yelp' },\n\t\ttitle: __( 'Yelp' ),\n\t\ticon: YelpIcon,\n\t},\n\t{\n\t\tname: 'youtube',\n\t\tattributes: { service: 'youtube' },\n\t\ttitle: __( 'YouTube' ),\n\t\ticon: YouTubeIcon,\n\t},\n];\n\n/**\n * Add `isActive` function to all `social link` variations, if not defined.\n * `isActive` function is used to find a variation match from a created\n *  Block by providing its attributes.\n */\nvariations.forEach( ( variation ) => {\n\tif ( variation.isActive ) {\n\t\treturn;\n\t}\n\tvariation.isActive = ( blockAttributes, variationAttributes ) =>\n\t\tblockAttributes.service === variationAttributes.service;\n} );\n\nexport default variations;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_x","AmazonIcon","BandcampIcon","BehanceIcon","BlueskyIcon","ChainIcon","CodepenIcon","DeviantArtIcon","DiscordIcon","DribbbleIcon","DropboxIcon","EtsyIcon","FacebookIcon","FeedIcon","FivehundredpxIcon","FlickrIcon","FoursquareIcon","GoodreadsIcon","GoogleIcon","GitHubIcon","GravatarIcon","InstagramIcon","LastfmIcon","LinkedInIcon","MailIcon","MastodonIcon","MeetupIcon","MediumIcon","PatreonIcon","PinterestIcon","PocketIcon","RedditIcon","SkypeIcon","SnapchatIcon","SoundCloudIcon","SpotifyIcon","TelegramIcon","ThreadsIcon","TiktokIcon","TumblrIcon","TwitchIcon","TwitterIcon","VimeoIcon","VkIcon","WhatsAppIcon","WordPressIcon","XIcon","YelpIcon","YouTubeIcon","variations","isDefault","name","attributes","service","title","icon","keywords","scope","forEach","variation","isActive","blockAttributes","variationAttributes"],"sources":["@wordpress/block-library/src/social-link/variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tAmazonIcon,\n\tBandcampIcon,\n\tBehanceIcon,\n\tBlueskyIcon,\n\tChainIcon,\n\tCodepenIcon,\n\tDeviantArtIcon,\n\tDiscordIcon,\n\tDribbbleIcon,\n\tDropboxIcon,\n\tEtsyIcon,\n\tFacebookIcon,\n\tFeedIcon,\n\tFivehundredpxIcon,\n\tFlickrIcon,\n\tFoursquareIcon,\n\tGoodreadsIcon,\n\tGoogleIcon,\n\tGitHubIcon,\n\tGravatarIcon,\n\tInstagramIcon,\n\tLastfmIcon,\n\tLinkedInIcon,\n\tMailIcon,\n\tMastodonIcon,\n\tMeetupIcon,\n\tMediumIcon,\n\tPatreonIcon,\n\tPinterestIcon,\n\tPocketIcon,\n\tRedditIcon,\n\tSkypeIcon,\n\tSnapchatIcon,\n\tSoundCloudIcon,\n\tSpotifyIcon,\n\tTelegramIcon,\n\tThreadsIcon,\n\tTiktokIcon,\n\tTumblrIcon,\n\tTwitchIcon,\n\tTwitterIcon,\n\tVimeoIcon,\n\tVkIcon,\n\tWhatsAppIcon,\n\tWordPressIcon,\n\tXIcon,\n\tYelpIcon,\n\tYouTubeIcon,\n} from './icons';\n\nconst variations = [\n\t{\n\t\tisDefault: true,\n\t\tname: 'wordpress',\n\t\tattributes: { service: 'wordpress' },\n\t\ttitle: _x( 'WordPress', 'social link block variation name' ),\n\t\ticon: WordPressIcon,\n\t},\n\n\t{\n\t\tname: 'fivehundredpx',\n\t\tattributes: { service: 'fivehundredpx' },\n\t\ttitle: _x( '500px', 'social link block variation name' ),\n\t\ticon: FivehundredpxIcon,\n\t},\n\t{\n\t\tname: 'amazon',\n\t\tattributes: { service: 'amazon' },\n\t\ttitle: _x( 'Amazon', 'social link block variation name' ),\n\t\ticon: AmazonIcon,\n\t},\n\t{\n\t\tname: 'bandcamp',\n\t\tattributes: { service: 'bandcamp' },\n\t\ttitle: _x( 'Bandcamp', 'social link block variation name' ),\n\t\ticon: BandcampIcon,\n\t},\n\t{\n\t\tname: 'behance',\n\t\tattributes: { service: 'behance' },\n\t\ttitle: _x( 'Behance', 'social link block variation name' ),\n\t\ticon: BehanceIcon,\n\t},\n\t{\n\t\tname: 'bluesky',\n\t\tattributes: { service: 'bluesky' },\n\t\ttitle: _x( 'Bluesky', 'social link block variation name' ),\n\t\ticon: BlueskyIcon,\n\t},\n\t{\n\t\tname: 'chain',\n\t\tattributes: { service: 'chain' },\n\t\ttitle: _x( 'Link', 'social link block variation name' ),\n\t\ticon: ChainIcon,\n\t},\n\t{\n\t\tname: 'codepen',\n\t\tattributes: { service: 'codepen' },\n\t\ttitle: _x( 'CodePen', 'social link block variation name' ),\n\t\ticon: CodepenIcon,\n\t},\n\t{\n\t\tname: 'deviantart',\n\t\tattributes: { service: 'deviantart' },\n\t\ttitle: _x( 'DeviantArt', 'social link block variation name' ),\n\t\ticon: DeviantArtIcon,\n\t},\n\t{\n\t\tname: 'discord',\n\t\tattributes: { service: 'discord' },\n\t\ttitle: _x( 'Discord', 'social link block variation name' ),\n\t\ticon: DiscordIcon,\n\t},\n\t{\n\t\tname: 'dribbble',\n\t\tattributes: { service: 'dribbble' },\n\t\ttitle: _x( 'Dribbble', 'social link block variation name' ),\n\t\ticon: DribbbleIcon,\n\t},\n\t{\n\t\tname: 'dropbox',\n\t\tattributes: { service: 'dropbox' },\n\t\ttitle: _x( 'Dropbox', 'social link block variation name' ),\n\t\ticon: DropboxIcon,\n\t},\n\t{\n\t\tname: 'etsy',\n\t\tattributes: { service: 'etsy' },\n\t\ttitle: _x( 'Etsy', 'social link block variation name' ),\n\t\ticon: EtsyIcon,\n\t},\n\t{\n\t\tname: 'facebook',\n\t\tattributes: { service: 'facebook' },\n\t\ttitle: _x( 'Facebook', 'social link block variation name' ),\n\t\ticon: FacebookIcon,\n\t},\n\t{\n\t\tname: 'feed',\n\t\tattributes: { service: 'feed' },\n\t\ttitle: _x( 'RSS Feed', 'social link block variation name' ),\n\t\ticon: FeedIcon,\n\t},\n\t{\n\t\tname: 'flickr',\n\t\tattributes: { service: 'flickr' },\n\t\ttitle: _x( 'Flickr', 'social link block variation name' ),\n\t\ticon: FlickrIcon,\n\t},\n\t{\n\t\tname: 'foursquare',\n\t\tattributes: { service: 'foursquare' },\n\t\ttitle: _x( 'Foursquare', 'social link block variation name' ),\n\t\ticon: FoursquareIcon,\n\t},\n\t{\n\t\tname: 'goodreads',\n\t\tattributes: { service: 'goodreads' },\n\t\ttitle: _x( 'Goodreads', 'social link block variation name' ),\n\t\ticon: GoodreadsIcon,\n\t},\n\t{\n\t\tname: 'google',\n\t\tattributes: { service: 'google' },\n\t\ttitle: _x( 'Google', 'social link block variation name' ),\n\t\ticon: GoogleIcon,\n\t},\n\t{\n\t\tname: 'github',\n\t\tattributes: { service: 'github' },\n\t\ttitle: _x( 'GitHub', 'social link block variation name' ),\n\t\ticon: GitHubIcon,\n\t},\n\t{\n\t\tname: 'gravatar',\n\t\tattributes: { service: 'gravatar' },\n\t\ttitle: _x( 'Gravatar', 'social link block variation name' ),\n\t\ticon: GravatarIcon,\n\t},\n\t{\n\t\tname: 'instagram',\n\t\tattributes: { service: 'instagram' },\n\t\ttitle: _x( 'Instagram', 'social link block variation name' ),\n\t\ticon: InstagramIcon,\n\t},\n\t{\n\t\tname: 'lastfm',\n\t\tattributes: { service: 'lastfm' },\n\t\ttitle: _x( 'Last.fm', 'social link block variation name' ),\n\t\ticon: LastfmIcon,\n\t},\n\t{\n\t\tname: 'linkedin',\n\t\tattributes: { service: 'linkedin' },\n\t\ttitle: _x( 'LinkedIn', 'social link block variation name' ),\n\t\ticon: LinkedInIcon,\n\t},\n\t{\n\t\tname: 'mail',\n\t\tattributes: { service: 'mail' },\n\t\ttitle: _x( 'Mail', 'social link block variation name' ),\n\t\tkeywords: [ 'email', 'e-mail' ],\n\t\ticon: MailIcon,\n\t},\n\t{\n\t\tname: 'mastodon',\n\t\tattributes: { service: 'mastodon' },\n\t\ttitle: _x( 'Mastodon', 'social link block variation name' ),\n\t\ticon: MastodonIcon,\n\t},\n\t{\n\t\tname: 'meetup',\n\t\tattributes: { service: 'meetup' },\n\t\ttitle: _x( 'Meetup', 'social link block variation name' ),\n\t\ticon: MeetupIcon,\n\t},\n\t{\n\t\tname: 'medium',\n\t\tattributes: { service: 'medium' },\n\t\ttitle: _x( 'Medium', 'social link block variation name' ),\n\t\ticon: MediumIcon,\n\t},\n\t{\n\t\tname: 'patreon',\n\t\tattributes: { service: 'patreon' },\n\t\ttitle: _x( 'Patreon', 'social link block variation name' ),\n\t\ticon: PatreonIcon,\n\t},\n\t{\n\t\tname: 'pinterest',\n\t\tattributes: { service: 'pinterest' },\n\t\ttitle: _x( 'Pinterest', 'social link block variation name' ),\n\t\ticon: PinterestIcon,\n\t},\n\t{\n\t\tname: 'pocket',\n\t\tattributes: { service: 'pocket' },\n\t\ttitle: _x( 'Pocket', 'social link block variation name' ),\n\t\ticon: PocketIcon,\n\t},\n\t{\n\t\tname: 'reddit',\n\t\tattributes: { service: 'reddit' },\n\t\ttitle: _x( 'Reddit', 'social link block variation name' ),\n\t\ticon: RedditIcon,\n\t},\n\t{\n\t\tname: 'skype',\n\t\tattributes: { service: 'skype' },\n\t\ttitle: _x( 'Skype', 'social link block variation name' ),\n\t\ticon: SkypeIcon,\n\t\t// Deprecated: Skype service is no longer available.\n\t\tscope: [],\n\t},\n\t{\n\t\tname: 'snapchat',\n\t\tattributes: { service: 'snapchat' },\n\t\ttitle: _x( 'Snapchat', 'social link block variation name' ),\n\t\ticon: SnapchatIcon,\n\t},\n\t{\n\t\tname: 'soundcloud',\n\t\tattributes: { service: 'soundcloud' },\n\t\ttitle: _x( 'SoundCloud', 'social link block variation name' ),\n\t\ticon: SoundCloudIcon,\n\t},\n\t{\n\t\tname: 'spotify',\n\t\tattributes: { service: 'spotify' },\n\t\ttitle: _x( 'Spotify', 'social link block variation name' ),\n\t\ticon: SpotifyIcon,\n\t},\n\t{\n\t\tname: 'telegram',\n\t\tattributes: { service: 'telegram' },\n\t\ttitle: _x( 'Telegram', 'social link block variation name' ),\n\t\ticon: TelegramIcon,\n\t},\n\t{\n\t\tname: 'threads',\n\t\tattributes: { service: 'threads' },\n\t\ttitle: _x( 'Threads', 'social link block variation name' ),\n\t\ticon: ThreadsIcon,\n\t},\n\t{\n\t\tname: 'tiktok',\n\t\tattributes: { service: 'tiktok' },\n\t\ttitle: _x( 'TikTok', 'social link block variation name' ),\n\t\ticon: TiktokIcon,\n\t},\n\t{\n\t\tname: 'tumblr',\n\t\tattributes: { service: 'tumblr' },\n\t\ttitle: _x( 'Tumblr', 'social link block variation name' ),\n\t\ticon: TumblrIcon,\n\t},\n\t{\n\t\tname: 'twitch',\n\t\tattributes: { service: 'twitch' },\n\t\ttitle: _x( 'Twitch', 'social link block variation name' ),\n\t\ticon: TwitchIcon,\n\t},\n\t{\n\t\tname: 'twitter',\n\t\tattributes: { service: 'twitter' },\n\t\ttitle: _x( 'Twitter', 'social link block variation name' ),\n\t\ticon: TwitterIcon,\n\t},\n\t{\n\t\tname: 'vimeo',\n\t\tattributes: { service: 'vimeo' },\n\t\ttitle: _x( 'Vimeo', 'social link block variation name' ),\n\t\ticon: VimeoIcon,\n\t},\n\t{\n\t\tname: 'vk',\n\t\tattributes: { service: 'vk' },\n\t\ttitle: _x( 'VK', 'social link block variation name' ),\n\t\ticon: VkIcon,\n\t},\n\t{\n\t\tname: 'whatsapp',\n\t\tattributes: { service: 'whatsapp' },\n\t\ttitle: _x( 'WhatsApp', 'social link block variation name' ),\n\t\ticon: WhatsAppIcon,\n\t},\n\t{\n\t\tname: 'x',\n\t\tattributes: { service: 'x' },\n\t\tkeywords: [ 'twitter' ],\n\t\ttitle: _x( 'X', 'social link block variation name' ),\n\t\ticon: XIcon,\n\t},\n\t{\n\t\tname: 'yelp',\n\t\tattributes: { service: 'yelp' },\n\t\ttitle: _x( 'Yelp', 'social link block variation name' ),\n\t\ticon: YelpIcon,\n\t},\n\t{\n\t\tname: 'youtube',\n\t\tattributes: { service: 'youtube' },\n\t\ttitle: _x( 'YouTube', 'social link block variation name' ),\n\t\ticon: YouTubeIcon,\n\t},\n];\n\n/**\n * Add `isActive` function to all `social link` variations, if not defined.\n * `isActive` function is used to find a variation match from a created\n *  Block by providing its attributes.\n */\nvariations.forEach( ( variation ) => {\n\tif ( variation.isActive ) {\n\t\treturn;\n\t}\n\tvariation.isActive = ( blockAttributes, variationAttributes ) =>\n\t\tblockAttributes.service === variationAttributes.service;\n} );\n\nexport default variations;\n"],"mappings":"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","ignoreList":[]}

package/build-module/utils/poster-image.js

@@ -0,0 +1,85 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
+/**
+ * WordPress dependencies
+ */
+import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
+import { Button, BaseControl, __experimentalHStack as HStack, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import { useRef } from '@wordpress/element';
+import { useInstanceId } from '@wordpress/compose';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const POSTER_IMAGE_ALLOWED_MEDIA_TYPES = ['image'];
+function PosterImage({
+  poster,
+  onChange
+}) {
+  const posterButtonRef = useRef();
+  const descriptionId = useInstanceId(PosterImage, 'block-library-poster-image-description');
+  return /*#__PURE__*/_jsx(MediaUploadCheck, {
+    children: /*#__PURE__*/_jsxs(ToolsPanelItem, {
+      label: __('Poster image'),
+      isShownByDefault: true,
+      hasValue: () => !!poster,
+      onDeselect: () => onChange(undefined),
+      children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+        children: __('Poster image')
+      }), /*#__PURE__*/_jsx(MediaUpload, {
+        title: __('Select poster image'),
+        onSelect: onChange,
+        allowedTypes: POSTER_IMAGE_ALLOWED_MEDIA_TYPES,
+        render: ({
+          open
+        }) => /*#__PURE__*/_jsxs("div", {
+          className: "block-library-poster-image__container",
+          children: [poster && /*#__PURE__*/_jsx(Button, {
+            __next40pxDefaultSize: true,
+            onClick: open,
+            "aria-haspopup": "dialog",
+            "aria-label": !poster ? null : __('Edit or replace the poster image.'),
+            className: poster ? 'block-library-poster-image__preview' : 'block-library-poster-image__toggle',
+            children: /*#__PURE__*/_jsx("img", {
+              src: poster,
+              alt: __('Poster image preview'),
+              className: "block-library-poster-image__preview-image"
+            })
+          }), /*#__PURE__*/_jsxs(HStack, {
+            className: clsx('block-library-poster-image__actions', {
+              'block-library-poster-image__actions-select': !poster
+            }),
+            children: [/*#__PURE__*/_jsx(Button, {
+              __next40pxDefaultSize: true,
+              onClick: open,
+              ref: posterButtonRef,
+              className: "block-library-poster-image__action",
+              "aria-describedby": descriptionId,
+              "aria-haspopup": "dialog",
+              variant: !poster ? 'secondary' : undefined,
+              children: !poster ? __('Set poster image') : __('Replace')
+            }), /*#__PURE__*/_jsx("p", {
+              id: descriptionId,
+              hidden: true,
+              children: poster ? sprintf(/* translators: %s: poster image URL. */
+              __('The current poster image url is %s.'), poster) : __('There is no poster image currently selected.')
+            }), !!poster && /*#__PURE__*/_jsx(Button, {
+              __next40pxDefaultSize: true,
+              onClick: () => {
+                onChange(undefined);
+
+                // Move focus back to the Media Upload button.
+                posterButtonRef.current.focus();
+              },
+              className: "block-library-poster-image__action",
+              children: __('Remove')
+            })]
+          })]
+        })
+      })]
+    })
+  });
+}
+export default PosterImage;
+//# sourceMappingURL=poster-image.js.map

package/build-module/utils/poster-image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clsx","MediaUpload","MediaUploadCheck","Button","BaseControl","__experimentalHStack","HStack","__experimentalToolsPanelItem","ToolsPanelItem","__","sprintf","useRef","useInstanceId","jsx","_jsx","jsxs","_jsxs","POSTER_IMAGE_ALLOWED_MEDIA_TYPES","PosterImage","poster","onChange","posterButtonRef","descriptionId","children","label","isShownByDefault","hasValue","onDeselect","undefined","VisualLabel","title","onSelect","allowedTypes","render","open","className","__next40pxDefaultSize","onClick","src","alt","ref","variant","id","hidden","current","focus"],"sources":["@wordpress/block-library/src/utils/poster-image.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\nconst POSTER_IMAGE_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, onChange } ) {\n\tconst posterButtonRef = useRef();\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'block-library-poster-image-description'\n\t);\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => onChange( undefined ) }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<MediaUpload\n\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\tonSelect={ onChange }\n\t\t\t\t\tallowedTypes={ POSTER_IMAGE_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t<div className=\"block-library-poster-image__container\">\n\t\t\t\t\t\t\t{ poster && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\t\t! poster\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Edit or replace the poster image.'\n\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t\t\t\t\t? 'block-library-poster-image__preview'\n\t\t\t\t\t\t\t\t\t\t\t: 'block-library-poster-image__toggle'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc={ poster }\n\t\t\t\t\t\t\t\t\t\talt={ __( 'Poster image preview' ) }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__preview-image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'block-library-poster-image__actions',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'block-library-poster-image__actions-select':\n\t\t\t\t\t\t\t\t\t\t\t! poster,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__action\"\n\t\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t! poster ? 'secondary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ! poster\n\t\t\t\t\t\t\t\t\t\t? __( 'Set poster image' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Replace' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'The current poster image url is %s.'\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t'There is no poster image currently selected.'\n\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChange( undefined );\n\n\t\t\t\t\t\t\t\t\t\t\t// Move focus back to the Media Upload button.\n\t\t\t\t\t\t\t\t\t\t\tposterButtonRef.current.focus();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-poster-image__action\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SACCC,MAAM,EACNC,WAAW,EACXC,oBAAoB,IAAIC,MAAM,EAC9BC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,MAAMC,gCAAgC,GAAG,CAAE,OAAO,CAAE;AAEpD,SAASC,WAAWA,CAAE;EAAEC,MAAM;EAAEC;AAAS,CAAC,EAAG;EAC5C,MAAMC,eAAe,GAAGV,MAAM,CAAC,CAAC;EAChC,MAAMW,aAAa,GAAGV,aAAa,CAClCM,WAAW,EACX,wCACD,CAAC;EAED,oBACCJ,IAAA,CAACZ,gBAAgB;IAAAqB,QAAA,eAChBP,KAAA,CAACR,cAAc;MACdgB,KAAK,EAAGf,EAAE,CAAE,cAAe,CAAG;MAC9BgB,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEP,MAAQ;MAC5BQ,UAAU,EAAGA,CAAA,KAAMP,QAAQ,CAAEQ,SAAU,CAAG;MAAAL,QAAA,gBAE1CT,IAAA,CAACV,WAAW,CAACyB,WAAW;QAAAN,QAAA,EACrBd,EAAE,CAAE,cAAe;MAAC,CACE,CAAC,eAC1BK,IAAA,CAACb,WAAW;QACX6B,KAAK,EAAGrB,EAAE,CAAE,qBAAsB,CAAG;QACrCsB,QAAQ,EAAGX,QAAU;QACrBY,YAAY,EAAGf,gCAAkC;QACjDgB,MAAM,EAAGA,CAAE;UAAEC;QAAK,CAAC,kBAClBlB,KAAA;UAAKmB,SAAS,EAAC,uCAAuC;UAAAZ,QAAA,GACnDJ,MAAM,iBACPL,IAAA,CAACX,MAAM;YACNiC,qBAAqB;YACrBC,OAAO,EAAGH,IAAM;YAChB,iBAAc,QAAQ;YACtB,cACC,CAAEf,MAAM,GACL,IAAI,GACJV,EAAE,CACF,mCACA,CACH;YACD0B,SAAS,EACRhB,MAAM,GACH,qCAAqC,GACrC,oCACH;YAAAI,QAAA,eAEDT,IAAA;cACCwB,GAAG,EAAGnB,MAAQ;cACdoB,GAAG,EAAG9B,EAAE,CAAE,sBAAuB,CAAG;cACpC0B,SAAS,EAAC;YAA2C,CACrD;UAAC,CACK,CACR,eACDnB,KAAA,CAACV,MAAM;YACN6B,SAAS,EAAGnC,IAAI,CACf,qCAAqC,EACrC;cACC,4CAA4C,EAC3C,CAAEmB;YACJ,CACD,CAAG;YAAAI,QAAA,gBAEHT,IAAA,CAACX,MAAM;cACNiC,qBAAqB;cACrBC,OAAO,EAAGH,IAAM;cAChBM,GAAG,EAAGnB,eAAiB;cACvBc,SAAS,EAAC,oCAAoC;cAC9C,oBAAmBb,aAAe;cAClC,iBAAc,QAAQ;cACtBmB,OAAO,EACN,CAAEtB,MAAM,GAAG,WAAW,GAAGS,SACzB;cAAAL,QAAA,EAEC,CAAEJ,MAAM,GACPV,EAAE,CAAE,kBAAmB,CAAC,GACxBA,EAAE,CAAE,SAAU;YAAC,CACX,CAAC,eACTK,IAAA;cAAG4B,EAAE,EAAGpB,aAAe;cAACqB,MAAM;cAAApB,QAAA,EAC3BJ,MAAM,GACLT,OAAO,CACP;cACAD,EAAE,CACD,qCACD,CAAC,EACDU,MACA,CAAC,GACDV,EAAE,CACF,8CACA;YAAC,CACF,CAAC,EACF,CAAC,CAAEU,MAAM,iBACVL,IAAA,CAACX,MAAM;cACNiC,qBAAqB;cACrBC,OAAO,EAAGA,CAAA,KAAM;gBACfjB,QAAQ,CAAEQ,SAAU,CAAC;;gBAErB;gBACAP,eAAe,CAACuB,OAAO,CAACC,KAAK,CAAC,CAAC;cAChC,CAAG;cACHV,SAAS,EAAC,oCAAoC;cAAAZ,QAAA,EAE5Cd,EAAE,CAAE,QAAS;YAAC,CACT,CACR;UAAA,CACM,CAAC;QAAA,CACL;MACH,CACH,CAAC;IAAA,CACa;EAAC,CACA,CAAC;AAErB;AAEA,eAAeS,WAAW","ignoreList":[]}

package/build-module/video/edit.js

@@ -11,7 +11,6 @@ import { Disabled, Spinner, Placeholder, __experimentalToolsPanel as ToolsPanel
 import { BlockControls, BlockIcon, InspectorControls, MediaPlaceholder, MediaReplaceFlow, useBlockProps } from '@wordpress/block-editor';
 import { useRef, useEffect, useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { useInstanceId } from '@wordpress/compose';
 import { useDispatch } from '@wordpress/data';
 import { video as icon } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
@@ -19,13 +18,13 @@ import { store as noticesStore } from '@wordpress/notices';
 /**
  * Internal dependencies
  */
-import PosterImage from './poster-image';
 import { createUpgradedEmbedBlock } from '../embed/util';
 import { useUploadMediaFromBlobURL, useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import VideoCommonSettings from './edit-common-settings';
 import TracksEditor from './tracks-editor';
 import Tracks from './tracks';
 import { Caption } from '../utils/caption';
+import PosterImage from '../utils/poster-image';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const ALLOWED_MEDIA_TYPES = ['video'];
 function VideoEdit({
@@ -36,7 +35,6 @@ function VideoEdit({
   insertBlocksAfter,
   onReplace
 }) {
-  const instanceId = useInstanceId(VideoEdit);
   const videoPlayer = useRef();
   const {
     id,
@@ -59,6 +57,8 @@ function VideoEdit({
       videoPlayer.current.load();
     }
   }, [poster]);
+
+  // TODO: Whether the video was obtained from the media library or was provided by URL, obtain the `videoWidth` and `videoHeight` of the video once its metadata has loaded and persist in the block attributes.
   function onSelectVideo(media) {
     if (!media || !media.url) {
       // In this case there was an error
@@ -189,7 +189,7 @@ function VideoEdit({
             muted: false,
             playsInline: false,
             preload: 'metadata',
-            poster: ''
+            poster: undefined
           });
         },
         dropdownMenuProps: dropdownMenuProps,
@@ -198,8 +198,9 @@ function VideoEdit({
           attributes: attributes
         }), /*#__PURE__*/_jsx(PosterImage, {
           poster: poster,
-          setAttributes: setAttributes,
-          instanceId: instanceId
+          onChange: posterImage => setAttributes({
+            poster: posterImage?.url
+          })
         })]
       })
     }), /*#__PURE__*/_jsxs("figure", {

package/build-module/video/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","isBlobURL","Disabled","Spinner","Placeholder","__experimentalToolsPanel","ToolsPanel","BlockControls","BlockIcon","InspectorControls","MediaPlaceholder","MediaReplaceFlow","useBlockProps","useRef","useEffect","useState","__","useInstanceId","useDispatch","video","icon","store","noticesStore","PosterImage","createUpgradedEmbedBlock","useUploadMediaFromBlobURL","useToolsPanelDropdownMenuProps","VideoCommonSettings","TracksEditor","Tracks","Caption","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ALLOWED_MEDIA_TYPES","VideoEdit","isSelected","isSingleSelected","attributes","className","setAttributes","insertBlocksAfter","onReplace","instanceId","videoPlayer","id","controls","poster","src","tracks","temporaryURL","setTemporaryURL","blob","dropdownMenuProps","url","allowedTypes","onChange","onSelectVideo","onError","onUploadError","current","load","media","undefined","caption","image","onSelectURL","newSrc","embedBlock","createErrorNotice","message","type","placeholder","content","withIllustration","label","instructions","children","classes","blockProps","onSelect","accept","value","newTracks","group","mediaId","mediaURL","onReset","resetAll","autoplay","loop","muted","playsInline","preload","isDisabled","ref","showToolbarButton"],"sources":["@wordpress/block-library/src/video/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tDisabled,\n\tSpinner,\n\tPlaceholder,\n\t__experimentalToolsPanel as ToolsPanel,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { video as icon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport PosterImage from './poster-image';\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport {\n\tuseUploadMediaFromBlobURL,\n\tuseToolsPanelDropdownMenuProps,\n} from '../utils/hooks';\nimport VideoCommonSettings from './edit-common-settings';\nimport TracksEditor from './tracks-editor';\nimport Tracks from './tracks';\nimport { Caption } from '../utils/caption';\n\nconst ALLOWED_MEDIA_TYPES = [ 'video' ];\n\nfunction VideoEdit( {\n\tisSelected: isSingleSelected,\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tonReplace,\n} ) {\n\tconst instanceId = useInstanceId( VideoEdit );\n\tconst videoPlayer = useRef();\n\tconst { id, controls, poster, src, tracks } = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState( attributes.blob );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl: temporaryURL,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectVideo,\n\t\tonError: onUploadError,\n\t} );\n\n\tuseEffect( () => {\n\t\t// Placeholder may be rendered.\n\t\tif ( videoPlayer.current ) {\n\t\t\tvideoPlayer.current.load();\n\t\t}\n\t}, [ poster ] );\n\n\tfunction onSelectVideo( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\t// In this case there was an error\n\t\t\t// previous attributes should be removed\n\t\t\t// because they may be temporary blob urls.\n\t\t\tsetAttributes( {\n\t\t\t\tsrc: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t\tblob: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tsetTemporaryURL( media.url );\n\t\t\treturn;\n\t\t}\n\n\t\t// Sets the block's attribute and updates the edit component from the\n\t\t// selected media.\n\t\tsetAttributes( {\n\t\t\tblob: undefined,\n\t\t\tsrc: media.url,\n\t\t\tid: media.id,\n\t\t\tposter:\n\t\t\t\tmedia.image?.src !== media.icon ? media.image?.src : undefined,\n\t\t\tcaption: media.caption,\n\t\t} );\n\t\tsetTemporaryURL();\n\t}\n\n\tfunction onSelectURL( newSrc ) {\n\t\tif ( newSrc !== src ) {\n\t\t\t// Check if there's an embed block that handles this URL.\n\t\t\tconst embedBlock = createUpgradedEmbedBlock( {\n\t\t\t\tattributes: { url: newSrc },\n\t\t\t} );\n\t\t\tif ( undefined !== embedBlock && onReplace ) {\n\t\t\t\tonReplace( embedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tblob: undefined,\n\t\t\t\tsrc: newSrc,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t}\n\t}\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\t// Much of this description is duplicated from MediaPlaceholder.\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"block-editor-media-placeholder\"\n\t\t\t\twithIllustration={ ! isSingleSelected }\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ __( 'Video' ) }\n\t\t\t\tinstructions={ __(\n\t\t\t\t\t'Drag and drop a video, upload, or choose from your library.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': !! temporaryURL,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\n\tif ( ! src && ! temporaryURL ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ attributes }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<TracksEditor\n\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\tonChange={ ( newTracks ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { tracks: newTracks } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\t\tmediaURL={ src }\n\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\t\tonReset={ () => onSelectVideo( undefined ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tautoplay: false,\n\t\t\t\t\t\t\tcontrols: true,\n\t\t\t\t\t\t\tloop: false,\n\t\t\t\t\t\t\tmuted: false,\n\t\t\t\t\t\t\tplaysInline: false,\n\t\t\t\t\t\t\tpreload: 'metadata',\n\t\t\t\t\t\t\tposter: '',\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<VideoCommonSettings\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t\t<PosterImage\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /*\n                Disable the video tag if the block is not selected\n                so the user clicking on it won't play the\n                video when the controls are enabled.\n            */ }\n\t\t\t\t<Disabled isDisabled={ ! isSingleSelected }>\n\t\t\t\t\t<video\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tsrc={ src || temporaryURL }\n\t\t\t\t\t\tref={ videoPlayer }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t</Disabled>\n\t\t\t\t{ !! temporaryURL && <Spinner /> }\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={ isSingleSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tlabel={ __( 'Video caption text' ) }\n\t\t\t\t\tshowToolbarButton={ isSingleSelected }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n\nexport default VideoEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","isBlobURL","Disabled","Spinner","Placeholder","__experimentalToolsPanel","ToolsPanel","BlockControls","BlockIcon","InspectorControls","MediaPlaceholder","MediaReplaceFlow","useBlockProps","useRef","useEffect","useState","__","useDispatch","video","icon","store","noticesStore","createUpgradedEmbedBlock","useUploadMediaFromBlobURL","useToolsPanelDropdownMenuProps","VideoCommonSettings","TracksEditor","Tracks","Caption","PosterImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ALLOWED_MEDIA_TYPES","VideoEdit","isSelected","isSingleSelected","attributes","className","setAttributes","insertBlocksAfter","onReplace","videoPlayer","id","controls","poster","src","tracks","temporaryURL","setTemporaryURL","blob","dropdownMenuProps","url","allowedTypes","onChange","onSelectVideo","onError","onUploadError","current","load","media","undefined","caption","image","onSelectURL","newSrc","embedBlock","createErrorNotice","message","type","placeholder","content","withIllustration","label","instructions","children","classes","blockProps","onSelect","accept","value","newTracks","group","mediaId","mediaURL","onReset","resetAll","autoplay","loop","muted","playsInline","preload","posterImage","isDisabled","ref","showToolbarButton"],"sources":["@wordpress/block-library/src/video/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tDisabled,\n\tSpinner,\n\tPlaceholder,\n\t__experimentalToolsPanel as ToolsPanel,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { video as icon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport {\n\tuseUploadMediaFromBlobURL,\n\tuseToolsPanelDropdownMenuProps,\n} from '../utils/hooks';\nimport VideoCommonSettings from './edit-common-settings';\nimport TracksEditor from './tracks-editor';\nimport Tracks from './tracks';\nimport { Caption } from '../utils/caption';\nimport PosterImage from '../utils/poster-image';\n\nconst ALLOWED_MEDIA_TYPES = [ 'video' ];\n\nfunction VideoEdit( {\n\tisSelected: isSingleSelected,\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tonReplace,\n} ) {\n\tconst videoPlayer = useRef();\n\tconst { id, controls, poster, src, tracks } = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState( attributes.blob );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl: temporaryURL,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectVideo,\n\t\tonError: onUploadError,\n\t} );\n\n\tuseEffect( () => {\n\t\t// Placeholder may be rendered.\n\t\tif ( videoPlayer.current ) {\n\t\t\tvideoPlayer.current.load();\n\t\t}\n\t}, [ poster ] );\n\n\t// TODO: Whether the video was obtained from the media library or was provided by URL, obtain the `videoWidth` and `videoHeight` of the video once its metadata has loaded and persist in the block attributes.\n\tfunction onSelectVideo( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\t// In this case there was an error\n\t\t\t// previous attributes should be removed\n\t\t\t// because they may be temporary blob urls.\n\t\t\tsetAttributes( {\n\t\t\t\tsrc: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t\tblob: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tsetTemporaryURL( media.url );\n\t\t\treturn;\n\t\t}\n\n\t\t// Sets the block's attribute and updates the edit component from the\n\t\t// selected media.\n\t\tsetAttributes( {\n\t\t\tblob: undefined,\n\t\t\tsrc: media.url,\n\t\t\tid: media.id,\n\t\t\tposter:\n\t\t\t\tmedia.image?.src !== media.icon ? media.image?.src : undefined,\n\t\t\tcaption: media.caption,\n\t\t} );\n\t\tsetTemporaryURL();\n\t}\n\n\tfunction onSelectURL( newSrc ) {\n\t\tif ( newSrc !== src ) {\n\t\t\t// Check if there's an embed block that handles this URL.\n\t\t\tconst embedBlock = createUpgradedEmbedBlock( {\n\t\t\t\tattributes: { url: newSrc },\n\t\t\t} );\n\t\t\tif ( undefined !== embedBlock && onReplace ) {\n\t\t\t\tonReplace( embedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tblob: undefined,\n\t\t\t\tsrc: newSrc,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t}\n\t}\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\t// Much of this description is duplicated from MediaPlaceholder.\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"block-editor-media-placeholder\"\n\t\t\t\twithIllustration={ ! isSingleSelected }\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ __( 'Video' ) }\n\t\t\t\tinstructions={ __(\n\t\t\t\t\t'Drag and drop a video, upload, or choose from your library.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': !! temporaryURL,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\n\tif ( ! src && ! temporaryURL ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ attributes }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<TracksEditor\n\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\tonChange={ ( newTracks ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { tracks: newTracks } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\t\tmediaURL={ src }\n\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\t\tonReset={ () => onSelectVideo( undefined ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tautoplay: false,\n\t\t\t\t\t\t\tcontrols: true,\n\t\t\t\t\t\t\tloop: false,\n\t\t\t\t\t\t\tmuted: false,\n\t\t\t\t\t\t\tplaysInline: false,\n\t\t\t\t\t\t\tpreload: 'metadata',\n\t\t\t\t\t\t\tposter: undefined,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<VideoCommonSettings\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t\t<PosterImage\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tonChange={ ( posterImage ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tposter: posterImage?.url,\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</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /*\n                Disable the video tag if the block is not selected\n                so the user clicking on it won't play the\n                video when the controls are enabled.\n            */ }\n\t\t\t\t<Disabled isDisabled={ ! isSingleSelected }>\n\t\t\t\t\t<video\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tsrc={ src || temporaryURL }\n\t\t\t\t\t\tref={ videoPlayer }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t</Disabled>\n\t\t\t\t{ !! temporaryURL && <Spinner /> }\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={ isSingleSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tlabel={ __( 'Video caption text' ) }\n\t\t\t\t\tshowToolbarButton={ isSingleSelected }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n\nexport default VideoEdit;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SACCC,QAAQ,EACRC,OAAO,EACPC,WAAW,EACXC,wBAAwB,IAAIC,UAAU,QAChC,uBAAuB;AAC9B,SACCC,aAAa,EACbC,SAAS,EACTC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,EAChBC,aAAa,QACP,yBAAyB;AAChC,SAASC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,oBAAoB;AAChE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,IAAI,QAAQ,kBAAkB;AAChD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,eAAe;AACxD,SACCC,yBAAyB,EACzBC,8BAA8B,QACxB,gBAAgB;AACvB,OAAOC,mBAAmB,MAAM,wBAAwB;AACxD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,OAAOC,WAAW,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,mBAAmB,GAAG,CAAE,OAAO,CAAE;AAEvC,SAASC,SAASA,CAAE;EACnBC,UAAU,EAAEC,gBAAgB;EAC5BC,UAAU;EACVC,SAAS;EACTC,aAAa;EACbC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,MAAMC,WAAW,GAAGhC,MAAM,CAAC,CAAC;EAC5B,MAAM;IAAEiC,EAAE;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAGV,UAAU;EACxD,MAAM,CAAEW,YAAY,EAAEC,eAAe,CAAE,GAAGrC,QAAQ,CAAEyB,UAAU,CAACa,IAAK,CAAC;EACrE,MAAMC,iBAAiB,GAAG9B,8BAA8B,CAAC,CAAC;EAE1DD,yBAAyB,CAAE;IAC1BgC,GAAG,EAAEJ,YAAY;IACjBK,YAAY,EAAEpB,mBAAmB;IACjCqB,QAAQ,EAAEC,aAAa;IACvBC,OAAO,EAAEC;EACV,CAAE,CAAC;EAEH9C,SAAS,CAAE,MAAM;IAChB;IACA,IAAK+B,WAAW,CAACgB,OAAO,EAAG;MAC1BhB,WAAW,CAACgB,OAAO,CAACC,IAAI,CAAC,CAAC;IAC3B;EACD,CAAC,EAAE,CAAEd,MAAM,CAAG,CAAC;;EAEf;EACA,SAASU,aAAaA,CAAEK,KAAK,EAAG;IAC/B,IAAK,CAAEA,KAAK,IAAI,CAAEA,KAAK,CAACR,GAAG,EAAG;MAC7B;MACA;MACA;MACAb,aAAa,CAAE;QACdO,GAAG,EAAEe,SAAS;QACdlB,EAAE,EAAEkB,SAAS;QACbhB,MAAM,EAAEgB,SAAS;QACjBC,OAAO,EAAED,SAAS;QAClBX,IAAI,EAAEW;MACP,CAAE,CAAC;MACHZ,eAAe,CAAC,CAAC;MACjB;IACD;IAEA,IAAKnD,SAAS,CAAE8D,KAAK,CAACR,GAAI,CAAC,EAAG;MAC7BH,eAAe,CAAEW,KAAK,CAACR,GAAI,CAAC;MAC5B;IACD;;IAEA;IACA;IACAb,aAAa,CAAE;MACdW,IAAI,EAAEW,SAAS;MACff,GAAG,EAAEc,KAAK,CAACR,GAAG;MACdT,EAAE,EAAEiB,KAAK,CAACjB,EAAE;MACZE,MAAM,EACLe,KAAK,CAACG,KAAK,EAAEjB,GAAG,KAAKc,KAAK,CAAC5C,IAAI,GAAG4C,KAAK,CAACG,KAAK,EAAEjB,GAAG,GAAGe,SAAS;MAC/DC,OAAO,EAAEF,KAAK,CAACE;IAChB,CAAE,CAAC;IACHb,eAAe,CAAC,CAAC;EAClB;EAEA,SAASe,WAAWA,CAAEC,MAAM,EAAG;IAC9B,IAAKA,MAAM,KAAKnB,GAAG,EAAG;MACrB;MACA,MAAMoB,UAAU,GAAG/C,wBAAwB,CAAE;QAC5CkB,UAAU,EAAE;UAAEe,GAAG,EAAEa;QAAO;MAC3B,CAAE,CAAC;MACH,IAAKJ,SAAS,KAAKK,UAAU,IAAIzB,SAAS,EAAG;QAC5CA,SAAS,CAAEyB,UAAW,CAAC;QACvB;MACD;MACA3B,aAAa,CAAE;QACdW,IAAI,EAAEW,SAAS;QACff,GAAG,EAAEmB,MAAM;QACXtB,EAAE,EAAEkB,SAAS;QACbhB,MAAM,EAAEgB;MACT,CAAE,CAAC;MACHZ,eAAe,CAAC,CAAC;IAClB;EACD;EAEA,MAAM;IAAEkB;EAAkB,CAAC,GAAGrD,WAAW,CAAEI,YAAa,CAAC;EACzD,SAASuC,aAAaA,CAAEW,OAAO,EAAG;IACjCD,iBAAiB,CAAEC,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAW,CAAE,CAAC;EACnD;;EAEA;EACA,MAAMC,WAAW,GAAKC,OAAO,IAAM;IAClC,oBACC3C,IAAA,CAAC3B,WAAW;MACXqC,SAAS,EAAC,gCAAgC;MAC1CkC,gBAAgB,EAAG,CAAEpC,gBAAkB;MACvCpB,IAAI,EAAGA,IAAM;MACbyD,KAAK,EAAG5D,EAAE,CAAE,OAAQ,CAAG;MACvB6D,YAAY,EAAG7D,EAAE,CAChB,6DACD,CAAG;MAAA8D,QAAA,EAEDJ;IAAO,CACG,CAAC;EAEhB,CAAC;EAED,MAAMK,OAAO,GAAG/E,IAAI,CAAEyC,SAAS,EAAE;IAChC,cAAc,EAAE,CAAC,CAAEU;EACpB,CAAE,CAAC;EAEH,MAAM6B,UAAU,GAAGpE,aAAa,CAAE;IACjC6B,SAAS,EAAEsC;EACZ,CAAE,CAAC;EAEH,IAAK,CAAE9B,GAAG,IAAI,CAAEE,YAAY,EAAG;IAC9B,oBACCpB,IAAA;MAAA,GAAUiD,UAAU;MAAAF,QAAA,eACnB/C,IAAA,CAACrB,gBAAgB;QAChBS,IAAI,eAAGY,IAAA,CAACvB,SAAS;UAACW,IAAI,EAAGA;QAAM,CAAE,CAAG;QACpC8D,QAAQ,EAAGvB,aAAe;QAC1BS,WAAW,EAAGA,WAAa;QAC3Be,MAAM,EAAC,SAAS;QAChB1B,YAAY,EAAGpB,mBAAqB;QACpC+C,KAAK,EAAG3C,UAAY;QACpBmB,OAAO,EAAGC,aAAe;QACzBa,WAAW,EAAGA;MAAa,CAC3B;IAAC,CACE,CAAC;EAER;EAEA,oBACCtC,KAAA,CAAAF,SAAA;IAAA6C,QAAA,GACGvC,gBAAgB,iBACjBJ,KAAA,CAAAF,SAAA;MAAA6C,QAAA,gBACC/C,IAAA,CAACxB,aAAa;QAAAuE,QAAA,eACb/C,IAAA,CAACL,YAAY;UACZwB,MAAM,EAAGA,MAAQ;UACjBO,QAAQ,EAAK2B,SAAS,IAAM;YAC3B1C,aAAa,CAAE;cAAEQ,MAAM,EAAEkC;YAAU,CAAE,CAAC;UACvC;QAAG,CACH;MAAC,CACY,CAAC,eAChBrD,IAAA,CAACxB,aAAa;QAAC8E,KAAK,EAAC,OAAO;QAAAP,QAAA,eAC3B/C,IAAA,CAACpB,gBAAgB;UAChB2E,OAAO,EAAGxC,EAAI;UACdyC,QAAQ,EAAGtC,GAAK;UAChBO,YAAY,EAAGpB,mBAAqB;UACpC8C,MAAM,EAAC,SAAS;UAChBD,QAAQ,EAAGvB,aAAe;UAC1BS,WAAW,EAAGA,WAAa;UAC3BR,OAAO,EAAGC,aAAe;UACzB4B,OAAO,EAAGA,CAAA,KAAM9B,aAAa,CAAEM,SAAU;QAAG,CAC5C;MAAC,CACY,CAAC;IAAA,CACf,CACF,eACDjC,IAAA,CAACtB,iBAAiB;MAAAqE,QAAA,eACjB3C,KAAA,CAAC7B,UAAU;QACVsE,KAAK,EAAG5D,EAAE,CAAE,UAAW,CAAG;QAC1ByE,QAAQ,EAAGA,CAAA,KAAM;UAChB/C,aAAa,CAAE;YACdgD,QAAQ,EAAE,KAAK;YACf3C,QAAQ,EAAE,IAAI;YACd4C,IAAI,EAAE,KAAK;YACXC,KAAK,EAAE,KAAK;YACZC,WAAW,EAAE,KAAK;YAClBC,OAAO,EAAE,UAAU;YACnB9C,MAAM,EAAEgB;UACT,CAAE,CAAC;QACJ,CAAG;QACHV,iBAAiB,EAAGA,iBAAmB;QAAAwB,QAAA,gBAEvC/C,IAAA,CAACN,mBAAmB;UACnBiB,aAAa,EAAGA,aAAe;UAC/BF,UAAU,EAAGA;QAAY,CACzB,CAAC,eACFT,IAAA,CAACF,WAAW;UACXmB,MAAM,EAAGA,MAAQ;UACjBS,QAAQ,EAAKsC,WAAW,IACvBrD,aAAa,CAAE;YACdM,MAAM,EAAE+C,WAAW,EAAExC;UACtB,CAAE;QACF,CACD,CAAC;MAAA,CACS;IAAC,CACK,CAAC,eACpBpB,KAAA;MAAA,GAAa6C,UAAU;MAAAF,QAAA,gBAMtB/C,IAAA,CAAC7B,QAAQ;QAAC8F,UAAU,EAAG,CAAEzD,gBAAkB;QAAAuC,QAAA,eAC1C/C,IAAA;UACCgB,QAAQ,EAAGA,QAAU;UACrBC,MAAM,EAAGA,MAAQ;UACjBC,GAAG,EAAGA,GAAG,IAAIE,YAAc;UAC3B8C,GAAG,EAAGpD,WAAa;UAAAiC,QAAA,eAEnB/C,IAAA,CAACJ,MAAM;YAACuB,MAAM,EAAGA;UAAQ,CAAE;QAAC,CACtB;MAAC,CACC,CAAC,EACT,CAAC,CAAEC,YAAY,iBAAIpB,IAAA,CAAC5B,OAAO,IAAE,CAAC,eAChC4B,IAAA,CAACH,OAAO;QACPY,UAAU,EAAGA,UAAY;QACzBE,aAAa,EAAGA,aAAe;QAC/BJ,UAAU,EAAGC,gBAAkB;QAC/BI,iBAAiB,EAAGA,iBAAmB;QACvCiC,KAAK,EAAG5D,EAAE,CAAE,oBAAqB,CAAG;QACpCkF,iBAAiB,EAAG3D;MAAkB,CACtC,CAAC;IAAA,CACK,CAAC;EAAA,CACR,CAAC;AAEL;AAEA,eAAeF,SAAS","ignoreList":[]}

package/build-module/video/tracks-editor.js

@@ -4,9 +4,8 @@
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { NavigableMenu, MenuItem, FormFileUpload, MenuGroup, ToolbarGroup, ToolbarButton, Dropdown, Button, TextControl, SelectControl, ToggleControl, __experimentalGrid as Grid, __experimentalHStack as HStack, __experimentalVStack as VStack, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { MediaUpload, MediaUploadCheck, store as blockEditorStore } from '@wordpress/block-editor';
-import { store as noticesStore } from '@wordpress/notices';
 import { upload, media } from '@wordpress/icons';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { useState, useRef, useEffect } from '@wordpress/element';
 import { getFilename } from '@wordpress/url';
 
@@ -36,11 +35,19 @@ const KIND_OPTIONS = [{
   label: __('Metadata'),
   value: 'metadata'
 }];
+const DEFAULT_TRACK = {
+  src: '',
+  label: '',
+  srcLang: 'en',
+  kind: DEFAULT_KIND,
+  default: false
+};
 function TrackList({
   tracks,
   onEditPress
 }) {
   const content = tracks.map((track, index) => {
+    var _track$id;
     return /*#__PURE__*/_jsxs(HStack, {
       className: "block-library-video-tracks-editor__track-list-track",
       children: [/*#__PURE__*/_jsx("span", {
@@ -58,7 +65,7 @@ function TrackList({
           children: __('Edit')
         })]
       })]
-    }, track.src);
+    }, (_track$id = track.id) !== null && _track$id !== void 0 ? _track$id : track.src);
   });
   return /*#__PURE__*/_jsx(MenuGroup, {
     label: __('Text tracks'),
@@ -73,13 +80,17 @@ function SingleTrackEditor({
   onRemove,
   allowSettingDefault
 }) {
+  const [trackState, setTrackState] = useState({
+    ...DEFAULT_TRACK,
+    ...track
+  });
   const {
-    src = '',
-    label = '',
-    srcLang = '',
-    kind = DEFAULT_KIND,
-    default: isDefaultTrack = false
-  } = track;
+    src,
+    label,
+    srcLang,
+    kind,
+    default: isDefaultTrack
+  } = trackState;
   const fileName = src.startsWith('blob:') ? '' : getFilename(src) || '';
   return /*#__PURE__*/_jsxs(VStack, {
     className: "block-library-video-tracks-editor__single-track-editor",
@@ -97,20 +108,20 @@ function SingleTrackEditor({
       children: [/*#__PURE__*/_jsx(TextControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
-        onChange: newLabel => onChange({
-          ...track,
+        onChange: newLabel => setTrackState(prevTrackState => ({
+          ...prevTrackState,
           label: newLabel
-        }),
+        })),
         label: __('Label'),
         value: label,
         help: __('Title of track')
       }), /*#__PURE__*/_jsx(TextControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
-        onChange: newSrcLang => onChange({
-          ...track,
+        onChange: newSrcLang => setTrackState(prevTrackState => ({
+          ...prevTrackState,
           srcLang: newSrcLang
-        }),
+        })),
         label: __('Source language'),
         value: srcLang,
         help: __('Language tag (en, fr, etc.)')
@@ -124,24 +135,20 @@ function SingleTrackEditor({
         options: KIND_OPTIONS,
         value: kind,
         label: __('Kind'),
-        onChange: newKind => {
-          onChange({
-            ...track,
-            kind: newKind
-          });
-        }
+        onChange: newKind => setTrackState(prevTrackState => ({
+          ...prevTrackState,
+          kind: newKind
+        }))
       }), /*#__PURE__*/_jsx(ToggleControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
         label: __('Set as default track'),
         checked: isDefaultTrack,
         disabled: !allowSettingDefault,
-        onChange: defaultTrack => {
-          onChange({
-            ...track,
-            default: defaultTrack
-          });
-        }
+        onChange: defaultTrack => setTrackState(prevTrackState => ({
+          ...prevTrackState,
+          default: defaultTrack
+        }))
       }), /*#__PURE__*/_jsxs(HStack, {
         className: "block-library-video-tracks-editor__single-track-editor-buttons-container",
         children: [/*#__PURE__*/_jsx(Button, {
@@ -154,26 +161,7 @@ function SingleTrackEditor({
           __next40pxDefaultSize: true,
           variant: "primary",
           onClick: () => {
-            const changes = {};
-            let hasChanges = false;
-            if (label === '') {
-              changes.label = __('English');
-              hasChanges = true;
-            }
-            if (srcLang === '') {
-              changes.srcLang = 'en';
-              hasChanges = true;
-            }
-            if (track.kind === undefined) {
-              changes.kind = DEFAULT_KIND;
-              hasChanges = true;
-            }
-            if (hasChanges) {
-              onChange({
-                ...track,
-                ...changes
-              });
-            }
+            onChange(trackState);
             onClose();
           },
           children: __('Apply')
@@ -186,32 +174,53 @@ export default function TracksEditor({
   tracks = [],
   onChange
 }) {
-  const {
-    createNotice
-  } = useDispatch(noticesStore);
   const mediaUpload = useSelect(select => {
     return select(blockEditorStore).getSettings().mediaUpload;
   }, []);
   const [trackBeingEdited, setTrackBeingEdited] = useState(null);
   const dropdownPopoverRef = useRef();
-  const handleTrackSelect = ({
-    title,
-    url
-  }) => {
-    if (tracks.some(track => track.src === url)) {
-      createNotice('error', __('This track already exists.'), {
-        isDismissible: true,
-        type: 'snackbar'
-      });
+  const handleTrackSelect = (selectedTracks = [], appendTracks = false) => {
+    const existingTracksMap = new Map(tracks.map(track => [track.id, track]));
+    const tracksToAdd = selectedTracks.map(({
+      id,
+      title,
+      url
+    }) => {
+      // Reuse existing tracks to preserve user-configured metadata.
+      if (existingTracksMap.has(id)) {
+        return existingTracksMap.get(id);
+      }
+      return {
+        ...DEFAULT_TRACK,
+        id,
+        label: title || '',
+        src: url
+      };
+    });
+    if (tracksToAdd.length === 0) {
       return;
     }
-    const trackIndex = tracks.length;
-    onChange([...tracks, {
-      label: title || '',
-      src: url
-    }]);
-    setTrackBeingEdited(trackIndex);
+    onChange([...(appendTracks ? tracks : []), ...tracksToAdd]);
   };
+  function uploadFiles(event) {
+    const files = event.target.files;
+    mediaUpload({
+      allowedTypes: ALLOWED_TYPES,
+      filesList: files,
+      onFileChange: selectedTracks => {
+        if (!Array.isArray(selectedTracks)) {
+          return;
+        }
+
+        // Wait until the track has been uploaded.
+        const uploadedTracks = selectedTracks.filter(track => !!track?.id);
+        if (!uploadedTracks.length) {
+          return;
+        }
+        handleTrackSelect(uploadedTracks, true);
+      }
+    });
+  }
   useEffect(() => {
     dropdownPopoverRef.current?.focus();
   }, [trackBeingEdited]);
@@ -276,57 +285,39 @@ export default function TracksEditor({
           children: [/*#__PURE__*/_jsx(TrackList, {
             tracks: tracks,
             onEditPress: setTrackBeingEdited
-          }), /*#__PURE__*/_jsxs(MenuGroup, {
+          }), /*#__PURE__*/_jsx(MenuGroup, {
             className: "block-library-video-tracks-editor__add-tracks-container",
             label: __('Add tracks'),
-            children: [/*#__PURE__*/_jsx(MediaUpload, {
-              onSelect: handleTrackSelect,
-              allowedTypes: ALLOWED_TYPES,
-              render: ({
-                open
-              }) => /*#__PURE__*/_jsx(MenuItem, {
-                icon: media,
-                onClick: open,
-                children: __('Open Media Library')
-              })
-            }), /*#__PURE__*/_jsx(MediaUploadCheck, {
-              children: /*#__PURE__*/_jsx(FormFileUpload, {
-                onChange: event => {
-                  const files = event.target.files;
-                  const trackIndex = tracks.length;
-                  mediaUpload({
-                    allowedTypes: ALLOWED_TYPES,
-                    filesList: files,
-                    onFileChange: ([{
-                      url
-                    }]) => {
-                      const newTracks = [...tracks];
-                      if (!newTracks[trackIndex]) {
-                        newTracks[trackIndex] = {};
-                      }
-                      newTracks[trackIndex] = {
-                        ...tracks[trackIndex],
-                        src: url
-                      };
-                      onChange(newTracks);
-                      setTrackBeingEdited(trackIndex);
-                    }
-                  });
-                },
+            children: /*#__PURE__*/_jsxs(MediaUploadCheck, {
+              children: [/*#__PURE__*/_jsx(MediaUpload, {
+                onSelect: handleTrackSelect,
+                allowedTypes: ALLOWED_TYPES,
+                value: tracks.map(({
+                  id
+                }) => id),
+                multiple: true,
+                render: ({
+                  open
+                }) => /*#__PURE__*/_jsx(MenuItem, {
+                  icon: media,
+                  onClick: open,
+                  children: __('Open Media Library')
+                })
+              }), /*#__PURE__*/_jsx(FormFileUpload, {
+                onChange: uploadFiles,
                 accept: ".vtt,text/vtt",
+                multiple: true,
                 render: ({
                   openFileDialog
                 }) => {
                   return /*#__PURE__*/_jsx(MenuItem, {
                     icon: upload,
-                    onClick: () => {
-                      openFileDialog();
-                    },
+                    onClick: openFileDialog,
                     children: _x('Upload', 'verb')
                   });
                 }
-              })
-            })]
+              })]
+            })
           })]
         })]
       });