Post editor: Open support links in Help Center (#43883)

This commit ensures that the support links of the Excerpt and Tags panels in the WP.com post editor are opened directly in the Help Center rather than on a new tab.

Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/15605163055

Upstream-Ref: Automattic/jetpack@f8d762d

Author: mmtr

jetpack_vendor/automattic/jetpack-mu-wpcom/src/build/tags-education/tags-education.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-url'), 'version' => '10fb25c1d37a4e546513');
+<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-url'), 'version' => '0392fe46827b9212ba4c');

jetpack_vendor/automattic/jetpack-mu-wpcom/src/build/tags-education/tags-education.css

@@ -1 +1 @@
-<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-url'), 'version' => '8fa6fc4aa9854b670c12');
+<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-url'), 'version' => '9affbaaee0bb82448e5d');

jetpack_vendor/automattic/jetpack-mu-wpcom/src/build/tags-education/tags-education.js

@@ -1,6 +1,6 @@
 import { localizeUrl } from '@automattic/i18n-utils';
 import { useAnalytics } from '@automattic/jetpack-shared-extension-utils';
-import { ExternalLink } from '@wordpress/components';
+import { WpcomSupportLink } from '@automattic/jetpack-shared-extension-utils/components';
 import { createHigherOrderComponent } from '@wordpress/compose';
 import { addFilter } from '@wordpress/hooks';
 
@@ -15,14 +15,15 @@ const addTagsEducationLink = createHigherOrderComponent( PostTaxonomyType => {
 		return (
 			<>
 				<PostTaxonomyType { ...props } />
-				<ExternalLink
-					href={ localizeUrl( 'https://wordpress.com/support/posts/tags/' ) }
+				<WpcomSupportLink
+					supportLink={ localizeUrl( 'https://wordpress.com/support/posts/tags/' ) }
+					supportPostId={ 8586 }
 					onClick={ () => {
 						tracks.recordEvent( 'jetpack_mu_wpcom_tags_education_link_click' );
 					} }
 				>
 					{ window.wpcomTagsEducation.actionText }
-				</ExternalLink>
+				</WpcomSupportLink>
 			</>
 		);
 	};

jetpack_vendor/automattic/jetpack-mu-wpcom/src/build/tags-education/tags-education.rtl.css

@@ -6,7 +6,7 @@ import blockInfoMapping, {
 	blockInfoWithVariations,
 	childrenBlockInfoWithDifferentUrl,
 } from './src/block-links-map';
-import DescriptionSupportLink from './src/inline-support-link';
+import DescriptionSupportLink from './src/description-support-link';
 
 const createLocalizedDescriptionWithLearnMore = (
 	title: string,

jetpack_vendor/automattic/jetpack-mu-wpcom/src/build/wpcom-block-description-links/wpcom-block-description-links.asset.php

@@ -1,7 +1,6 @@
 import { localizeUrl } from '@automattic/i18n-utils';
 import { useAnalytics } from '@automattic/jetpack-shared-extension-utils';
-import { Button, ExternalLink } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
+import { WpcomSupportLink } from '@automattic/jetpack-shared-extension-utils/components';
 import { __ } from '@wordpress/i18n';
 import React, { useState, JSXElementConstructor, ReactElement } from 'react';
 
@@ -33,9 +32,6 @@ export default function DescriptionSupportLink( {
 	// Since there was no identifier in the environment to differentiate.
 	const [ ref, setRef ] = useState< Element | null >();
 	const { tracks } = useAnalytics();
-	const helpCenterDispatch = useDispatch( 'automattic/help-center' );
-	const setShowHelpCenter = helpCenterDispatch?.setShowHelpCenter;
-	const setShowSupportDoc = helpCenterDispatch?.setShowSupportDoc;
 
 	if ( ref && ! ref?.closest( '.block-editor-block-inspector' ) ) {
 		return children as React.JSX.Element;
@@ -45,39 +41,20 @@ export default function DescriptionSupportLink( {
 		<>
 			{ children }
 			<br />
-			{ setShowHelpCenter ? (
-				<Button
-					onClick={ () => {
-						setShowHelpCenter( true );
-						setShowSupportDoc( localizeUrl( url ), postId );
-						tracks.recordEvent( 'jetpack_mu_wpcom_block_description_support_link_click', {
-							block: title,
-							support_link: url,
-						} );
-					} }
-					style={ { marginTop: 10, height: 'unset' } }
-					ref={ reference => ref !== reference && setRef( reference ) }
-					className="fse-inline-support-link is-compact"
-					variant="link"
-				>
-					{ __( 'Block guide', 'jetpack-mu-wpcom' ) }
-				</Button>
-			) : (
-				<ExternalLink
-					onClick={ () => {
-						tracks.recordEvent( 'jetpack_mu_wpcom_block_description_support_link_click', {
-							block: title,
-							support_link: url,
-						} );
-					} }
-					ref={ reference => ref !== reference && setRef( reference ) }
-					style={ { display: 'block', marginTop: 10, maxWidth: 'fit-content' } }
-					className="fse-inline-support-link"
-					href={ url }
-				>
-					{ __( 'Learn more', 'jetpack-mu-wpcom' ) }
-				</ExternalLink>
-			) }
+			<WpcomSupportLink
+				supportLink={ localizeUrl( url ) }
+				supportPostId={ postId }
+				onClick={ () => {
+					tracks.recordEvent( 'jetpack_mu_wpcom_block_description_support_link_click', {
+						block: title,
+						support_link: url,
+					} );
+				} }
+				style={ { display: 'block', marginTop: 10, maxWidth: 'fit-content' } }
+				ref={ reference => ref !== reference && setRef( reference ) }
+			>
+				{ __( 'Block guide', 'jetpack-mu-wpcom' ) }
+			</WpcomSupportLink>
 		</>
 	);
 }

jetpack_vendor/automattic/jetpack-mu-wpcom/src/build/wpcom-block-description-links/wpcom-block-description-links.css

@@ -54,7 +54,7 @@
     ),
     'jetpack-mu-wpcom' => array(
       'path' => 'jetpack_vendor/automattic/jetpack-mu-wpcom',
-      'ver' => '6.6.1-alpha1749679623',
+      'ver' => '6.6.1-alpha1749715778',
     ),
     'jetpack-password-checker' => array(
       'path' => 'jetpack_vendor/automattic/jetpack-password-checker',