@automattic/jetpack-connection 1.4.47 → 1.4.49

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
 
+## [1.4.49] - 2026-05-11
+### Changed
+- Components: Use Link from `@wordpress/ui` instead of ExternalLink. [#48529]
+
+## [1.4.48] - 2026-05-04
+### Changed
+- ConnectScreen: Rewrite the private-network error message to reference WordPress.com (the connection target) instead of Jetpack, so the copy reads consistently for any plugin that uses the connection package. [#48263]
+- Internal: No longer require automattic/jetpack-changelogger as a per-project dev dependency. [#48225]
+- Replace deprecated jetpack-components Spinner with WordPress Core Spinner. [#47451]
+
 ## [1.4.47] - 2026-04-27
 ### Changed
 - Update dependencies.
@@ -1324,6 +1334,8 @@
 - `Main` and `ConnectUser` components added.
 - `JetpackRestApiClient` API client added.
 
+[1.4.49]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.48...v1.4.49
+[1.4.48]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.47...v1.4.48
 [1.4.47]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.46...v1.4.47
 [1.4.46]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.45...v1.4.46
 [1.4.45]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.44...v1.4.45

package/components/connect-screen/basic/visual.tsx

@@ -44,7 +44,7 @@ const getErrorMessage = ( errorCode, isOfflineMode ) => {
 		case 'fail_subdomain_wpcom':
 		case 'siteurl_private_ip':
 			return __(
-				'Your site host is on a private network. Jetpack can only connect to public sites.',
+				'Your site host is on a private network. Sites can connect to WordPress.com only on public sites.',
 				'jetpack-connection-js'
 			);
 		case 'connection_disabled':

package/components/connection-error-notice/index.tsx

@@ -1,5 +1,4 @@
-import { Spinner } from '@automattic/jetpack-components';
-import { Icon, Notice, Path, SVG } from '@wordpress/components';
+import { Icon, Notice, Path, SVG, Spinner } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import PropTypes from 'prop-types';
 import styles from './styles.module.scss';
@@ -44,7 +43,7 @@ const ConnectionErrorNotice = ( {
 		return (
 			<Notice status={ 'error' } isDismissible={ false } className={ wrapperClassName }>
 				<div className={ styles.message }>
-					<Spinner color="#B32D2E" size={ 24 } />
+					<Spinner />
 					{ __( 'Reconnecting Jetpack', 'jetpack-connection-js' ) }
 				</div>
 			</Notice>

package/components/connection-error-notice/styles.module.scss

@@ -149,7 +149,8 @@
 		margin-right: calc(var(--spacing-base) * 2); // 16px
 	}
 
-	:global(.jp-components-spinner) {
+	:global(.jp-components-spinner),
+	:global(.components-spinner) {
 		margin-right: calc(var(--spacing-base) * 2); // 16px
 	}
 }

package/components/disconnect-dialog/steps/step-disconnect.jsx

@@ -1,7 +1,8 @@
 import { getRedirectUrl } from '@automattic/jetpack-components';
-import { Button, ExternalLink } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { createInterpolateElement } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
+import { Link } from '@wordpress/ui';
 import PropTypes from 'prop-types';
 import { Fragment, useCallback, useEffect } from 'react';
 import ConnectedPlugins from '../../connected-plugins';
@@ -132,7 +133,6 @@ const StepDisconnect = props => {
 				{ disconnectStepComponent }
 				{ renderFallbackOutput() }
 			</div>
-
 			<div className="jp-connection__disconnect-dialog__actions">
 				<div className="jp-row">
 					<div className="lg-col-span-8 md-col-span-9 sm-col-span-4">
@@ -145,7 +145,8 @@ const StepDisconnect = props => {
 								{
 									strong: <strong></strong>,
 									jpConnectionInfoLink: (
-										<ExternalLink
+										<Link
+											openInNewTab
 											href={ getRedirectUrl(
 												'why-the-wordpress-com-connection-is-important-for-jetpack'
 											) }
@@ -154,7 +155,8 @@ const StepDisconnect = props => {
 										/>
 									),
 									jpSupportLink: (
-										<ExternalLink
+										<Link
+											openInNewTab
 											href={ getRedirectUrl( 'jetpack-support' ) }
 											className="jp-connection__disconnect-dialog__link"
 											onClick={ trackSupportClick }

package/components/manage-connection-dialog/index.jsx

@@ -5,10 +5,11 @@ import jetpackAnalytics from '@automattic/jetpack-analytics';
 import restApi from '@automattic/jetpack-api';
 import { Button, getRedirectUrl, Text } from '@automattic/jetpack-components';
 import { isWoASite } from '@automattic/jetpack-script-data';
-import { ExternalLink, Modal } from '@wordpress/components';
+import { Modal } from '@wordpress/components';
 import { createInterpolateElement } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { Icon, chevronRight, external } from '@wordpress/icons';
+import { Link } from '@wordpress/ui';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { useCallback, useEffect, useState, useMemo } from 'react';
@@ -292,19 +293,21 @@ const HelpFooter = ( { onClose, disabled } ) => {
 						{
 							strong: <strong></strong>,
 							connectionInfoLink: (
-								<ExternalLink
+								<Link
+									openInNewTab
 									href={ getRedirectUrl(
 										'why-the-wordpress-com-connection-is-important-for-jetpack'
 									) }
-									className="jp-connection__manage-dialog__link"
 									// TODO add click track
+									className="jp-connection__manage-dialog__link"
 								/>
 							),
 							supportLink: (
-								<ExternalLink
+								<Link
+									openInNewTab
 									href={ getRedirectUrl( 'jetpack-support' ) }
-									className="jp-connection__manage-dialog__link"
 									// TODO add click track
+									className="jp-connection__manage-dialog__link"
 								/>
 							),
 						}

package/components/owner-disconnect-dialog/index.jsx

@@ -4,10 +4,11 @@
 import jetpackAnalytics from '@automattic/jetpack-analytics';
 import restApi from '@automattic/jetpack-api';
 import { getRedirectUrl } from '@automattic/jetpack-components';
-import { ExternalLink, Modal, Button } from '@wordpress/components';
+import { Modal, Button } from '@wordpress/components';
 import { createInterpolateElement } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { Icon, chevronRight, external } from '@wordpress/icons';
+import { Link } from '@wordpress/ui';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { useCallback, useState, useEffect } from 'react';
@@ -122,7 +123,6 @@ const OwnerDisconnectDialog = ( {
 						action="check-users"
 					/>
 				</div>
-
 				<div className="jp-connection__disconnect-dialog__actions">
 					<div className="jp-row">
 						<div className="lg-col-span-8 md-col-span-9 sm-col-span-4">
@@ -135,7 +135,8 @@ const OwnerDisconnectDialog = ( {
 									{
 										strong: <strong></strong>,
 										connectionInfoLink: (
-											<ExternalLink
+											<Link
+												openInNewTab
 												href={ getRedirectUrl(
 													'why-the-wordpress-com-connection-is-important-for-jetpack'
 												) }
@@ -143,7 +144,8 @@ const OwnerDisconnectDialog = ( {
 											/>
 										),
 										supportLink: (
-											<ExternalLink
+											<Link
+												openInNewTab
 												href={ getRedirectUrl( 'jetpack-support' ) }
 												className="jp-connection__disconnect-dialog__link"
 											/>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-connection",
-	"version": "1.4.47",
+	"version": "1.4.49",
 	"description": "Jetpack Connection Component",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
 	"bugs": {
@@ -28,11 +28,11 @@
 		"typecheck": "tsgo --noEmit"
 	},
 	"dependencies": {
-		"@automattic/jetpack-analytics": "^1.0.10",
-		"@automattic/jetpack-api": "^1.0.23",
-		"@automattic/jetpack-components": "^1.9.0",
-		"@automattic/jetpack-config": "^1.0.8",
-		"@automattic/jetpack-script-data": "^0.6.2",
+		"@automattic/jetpack-analytics": "^1.0.11",
+		"@automattic/jetpack-api": "^1.0.24",
+		"@automattic/jetpack-components": "^1.11.0",
+		"@automattic/jetpack-config": "^1.0.9",
+		"@automattic/jetpack-script-data": "^0.6.3",
 		"@wordpress/base-styles": "6.20.0",
 		"@wordpress/browserslist-config": "6.44.0",
 		"@wordpress/components": "32.6.0",
@@ -40,13 +40,14 @@
 		"@wordpress/element": "6.44.0",
 		"@wordpress/i18n": "6.17.0",
 		"@wordpress/icons": "12.2.0",
+		"@wordpress/ui": "0.11.0",
 		"@wordpress/url": "4.44.0",
 		"clsx": "2.1.1",
 		"debug": "4.4.3",
 		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^1.1.0",
+		"@automattic/jetpack-base-styles": "^1.2.1",
 		"@babel/core": "7.29.0",
 		"@babel/preset-react": "7.28.5",
 		"@testing-library/dom": "10.4.1",