@automattic/jetpack-components 0.68.0 → 0.68.2

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [0.68.2] - 2025-03-12
+### Added
+- Add role to Jetpack footer. [#42156]
+- Provide connection data to footer component. [#42000]
+
+## [0.68.1] - 2025-03-05
+### Changed
+- Update package dependencies. [#42162]
+
 ## [0.68.0] - 2025-03-03
 ### Added
 - Stat Card: add hideValue prop. [#41454]
@@ -1301,6 +1310,8 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[0.68.2]: https://github.com/Automattic/jetpack-components/compare/0.68.1...0.68.2
+[0.68.1]: https://github.com/Automattic/jetpack-components/compare/0.68.0...0.68.1
 [0.68.0]: https://github.com/Automattic/jetpack-components/compare/0.67.1...0.68.0
 [0.67.1]: https://github.com/Automattic/jetpack-components/compare/0.67.0...0.67.1
 [0.67.0]: https://github.com/Automattic/jetpack-components/compare/0.66.1...0.67.0

package/components/admin-page/index.tsx

@@ -24,6 +24,7 @@ const AdminPage: React.FC< AdminPageProps > = ( {
 	moduleNameHref,
 	showHeader = true,
 	showFooter = true,
+	useInternalLinks = false,
 	showBackground = true,
 	sandboxedDomain = '',
 	apiRoot = '',
@@ -90,6 +91,7 @@ const AdminPage: React.FC< AdminPageProps > = ( {
 							moduleName={ moduleName }
 							moduleNameHref={ moduleNameHref }
 							menu={ optionalMenuItems }
+							useInternalLinks={ useInternalLinks }
 						/>
 					</Col>
 				</Container>

package/components/admin-page/types.ts

@@ -26,6 +26,11 @@ export type AdminPageProps = {
 	 */
 	showFooter?: boolean;
 
+	/**
+	 * Whether or not to link to Jetpack plugin admin pages.
+	 */
+	useInternalLinks?: boolean;
+
 	/**
 	 * Link that the Footer Module name will link to (optional).
 	 */

package/components/jetpack-footer/index.tsx

@@ -1,9 +1,7 @@
-import { useSelect } from '@wordpress/data';
 import { __, _x } from '@wordpress/i18n';
 import { Icon, external } from '@wordpress/icons';
 import clsx from 'clsx';
 import React from 'react';
-import { STORE_ID as CONNECTION_STORE_ID } from '../../../../js-packages/connection/state/store.jsx';
 import { getRedirectUrl } from '../../index.js';
 import getSiteAdminUrl from '../../tools/get-site-admin-url/index.js';
 import AutomatticBylineLogo from '../automattic-byline-logo/index.js';
@@ -39,6 +37,7 @@ const JetpackFooter: React.FC< JetpackFooterProps > = ( {
 	className,
 	moduleNameHref = 'https://jetpack.com',
 	menu,
+	useInternalLinks,
 	onAboutClick,
 	onPrivacyClick,
 	onTermsClick,
@@ -48,42 +47,25 @@ const JetpackFooter: React.FC< JetpackFooterProps > = ( {
 	const [ isMd ] = useBreakpointMatch( 'md', '<=' );
 	const [ isLg ] = useBreakpointMatch( 'lg', '>' );
 
-	const { isActive, connectedPlugins } = useSelect( select => {
-		const connectionStatus = select( CONNECTION_STORE_ID ) as {
-			getConnectedPlugins: () => { slug: string }[];
-			getConnectionStatus: () => { isActive: boolean };
-		};
-
-		return {
-			connectedPlugins: connectionStatus?.getConnectedPlugins(),
-			...connectionStatus.getConnectionStatus(),
-		};
-	}, [] );
 	const siteAdminUrl = getSiteAdminUrl();
-	const areAdminLinksEnabled =
-		siteAdminUrl &&
-		// Some admin pages require the site to be connected (e.g., Privacy)
-		isActive &&
-		// Admin pages are part of the Jetpack plugin and required it to be installed
-		connectedPlugins?.some( ( { slug } ) => 'jetpack' === slug );
 
 	let items: JetpackFooterMenuItem[] = [
 		{
 			label: _x( 'About', 'Link to learn more about Jetpack.', 'jetpack-components' ),
 			title: __( 'About Jetpack', 'jetpack-components' ),
-			href: areAdminLinksEnabled
+			href: useInternalLinks
 				? new URL( 'admin.php?page=jetpack_about', siteAdminUrl ).href
 				: getRedirectUrl( 'jetpack-about' ),
-			target: areAdminLinksEnabled ? '_self' : '_blank',
+			target: useInternalLinks ? '_self' : '_blank',
 			onClick: onAboutClick,
 		},
 		{
 			label: _x( 'Privacy', 'Shorthand for Privacy Policy.', 'jetpack-components' ),
 			title: __( "Automattic's Privacy Policy", 'jetpack-components' ),
-			href: areAdminLinksEnabled
+			href: useInternalLinks
 				? new URL( 'admin.php?page=jetpack#/privacy', siteAdminUrl ).href
 				: getRedirectUrl( 'a8c-privacy' ),
-			target: areAdminLinksEnabled ? '_self' : '_blank',
+			target: useInternalLinks ? '_self' : '_blank',
 			onClick: onPrivacyClick,
 		},
 		{
@@ -118,6 +100,7 @@ const JetpackFooter: React.FC< JetpackFooterProps > = ( {
 				className
 			) }
 			aria-label={ __( 'Jetpack', 'jetpack-components' ) }
+			role="contentinfo"
 			{ ...otherProps }
 		>
 			<ul>
@@ -156,7 +139,7 @@ const JetpackFooter: React.FC< JetpackFooterProps > = ( {
 				<li className="jp-dashboard-footer__a8c-item">
 					<a
 						href={
-							areAdminLinksEnabled
+							useInternalLinks
 								? new URL( 'admin.php?page=jetpack_about', siteAdminUrl ).href
 								: getRedirectUrl( 'a8c-about' )
 						}

package/components/jetpack-footer/types.ts

@@ -29,6 +29,11 @@ export type JetpackFooterProps = {
 	 */
 	menu?: JetpackFooterMenuItem[];
 
+	/**
+	 * Whether to enable Jetpack admin links.
+	 */
+	useInternalLinks?: boolean;
+
 	/**
 	 * URL of the site WP Admin.
 	 */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "0.68.0",
+	"version": "0.68.2",
 	"description": "Jetpack Components Package",
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
@@ -15,15 +15,16 @@
 	},
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-boost-score-api": "^0.1.58",
+		"@automattic/jetpack-boost-score-api": "^0.1.59",
 		"@automattic/jetpack-api": "^0.20.0",
 		"@automattic/jetpack-scan": "^0.5.8",
+		"@automattic/jetpack-script-data": "^0.2.1",
 		"@babel/runtime": "^7",
 		"@wordpress/browserslist-config": "6.19.0",
 		"@wordpress/components": "29.5.0",
 		"@wordpress/compose": "7.19.0",
 		"@wordpress/data": "10.19.0",
-		"@wordpress/dataviews": "4.14.0",
+		"@wordpress/dataviews": "4.15.0",
 		"@wordpress/date": "5.19.0",
 		"@wordpress/element": "6.19.0",
 		"@wordpress/i18n": "5.19.0",

package/tools/get-site-admin-url/index.ts

@@ -1,3 +1,5 @@
+import { getScriptData } from '@automattic/jetpack-script-data';
+
 /**
  * Returns the site admin URL.
  *
@@ -5,6 +7,7 @@
  */
 export default function getSiteAdminUrl() {
 	return (
+		getScriptData()?.site?.admin_url ||
 		window.Initial_State?.adminUrl ||
 		window.Jetpack_Editor_Initial_State?.adminUrl ||
 		window?.myJetpackInitialState?.adminUrl ||