@automattic/jetpack-connection 1.4.48 → 1.4.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/components/disconnect-dialog/steps/step-disconnect.jsx +6 -4
  3. package/components/manage-connection-dialog/index.jsx +8 -5
  4. package/components/owner-disconnect-dialog/index.jsx +6 -4
  5. package/package.json +5 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,14 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
4
4
 
5
+ ## [1.4.50] - 2026-05-14
6
+ ### Changed
7
+ - Update package dependencies. [#48696]
8
+
9
+ ## [1.4.49] - 2026-05-11
10
+ ### Changed
11
+ - Components: Use Link from `@wordpress/ui` instead of ExternalLink. [#48529]
12
+
5
13
  ## [1.4.48] - 2026-05-04
6
14
  ### Changed
7
15
  - 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]
@@ -1330,6 +1338,8 @@
1330
1338
  - `Main` and `ConnectUser` components added.
1331
1339
  - `JetpackRestApiClient` API client added.
1332
1340
 
1341
+ [1.4.50]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.49...v1.4.50
1342
+ [1.4.49]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.48...v1.4.49
1333
1343
  [1.4.48]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.47...v1.4.48
1334
1344
  [1.4.47]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.46...v1.4.47
1335
1345
  [1.4.46]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.45...v1.4.46
package/components/disconnect-dialog/steps/step-disconnect.jsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import { getRedirectUrl } from '@automattic/jetpack-components';
2
- import { Button, ExternalLink } from '@wordpress/components';
2
+ import { Button } from '@wordpress/components';
3
3
  import { createInterpolateElement } from '@wordpress/element';
4
4
  import { __ } from '@wordpress/i18n';
5
+ import { Link } from '@wordpress/ui';
5
6
  import PropTypes from 'prop-types';
6
7
  import { Fragment, useCallback, useEffect } from 'react';
7
8
  import ConnectedPlugins from '../../connected-plugins';
@@ -132,7 +133,6 @@ const StepDisconnect = props => {
132
133
  { disconnectStepComponent }
133
134
  { renderFallbackOutput() }
134
135
  </div>
135
-
136
136
  <div className="jp-connection__disconnect-dialog__actions">
137
137
  <div className="jp-row">
138
138
  <div className="lg-col-span-8 md-col-span-9 sm-col-span-4">
@@ -145,7 +145,8 @@ const StepDisconnect = props => {
145
145
  {
146
146
  strong: <strong></strong>,
147
147
  jpConnectionInfoLink: (
148
- <ExternalLink
148
+ <Link
149
+ openInNewTab
149
150
  href={ getRedirectUrl(
150
151
  'why-the-wordpress-com-connection-is-important-for-jetpack'
151
152
  ) }
@@ -154,7 +155,8 @@ const StepDisconnect = props => {
154
155
  />
155
156
  ),
156
157
  jpSupportLink: (
157
- <ExternalLink
158
+ <Link
159
+ openInNewTab
158
160
  href={ getRedirectUrl( 'jetpack-support' ) }
159
161
  className="jp-connection__disconnect-dialog__link"
160
162
  onClick={ trackSupportClick }
package/components/manage-connection-dialog/index.jsx CHANGED
@@ -5,10 +5,11 @@ import jetpackAnalytics from '@automattic/jetpack-analytics';
5
5
  import restApi from '@automattic/jetpack-api';
6
6
  import { Button, getRedirectUrl, Text } from '@automattic/jetpack-components';
7
7
  import { isWoASite } from '@automattic/jetpack-script-data';
8
- import { ExternalLink, Modal } from '@wordpress/components';
8
+ import { Modal } from '@wordpress/components';
9
9
  import { createInterpolateElement } from '@wordpress/element';
10
10
  import { __ } from '@wordpress/i18n';
11
11
  import { Icon, chevronRight, external } from '@wordpress/icons';
12
+ import { Link } from '@wordpress/ui';
12
13
  import clsx from 'clsx';
13
14
  import PropTypes from 'prop-types';
14
15
  import { useCallback, useEffect, useState, useMemo } from 'react';
@@ -292,19 +293,21 @@ const HelpFooter = ( { onClose, disabled } ) => {
292
293
  {
293
294
  strong: <strong></strong>,
294
295
  connectionInfoLink: (
295
- <ExternalLink
296
+ <Link
297
+ openInNewTab
296
298
  href={ getRedirectUrl(
297
299
  'why-the-wordpress-com-connection-is-important-for-jetpack'
298
300
  ) }
299
- className="jp-connection__manage-dialog__link"
300
301
  // TODO add click track
302
+ className="jp-connection__manage-dialog__link"
301
303
  />
302
304
  ),
303
305
  supportLink: (
304
- <ExternalLink
306
+ <Link
307
+ openInNewTab
305
308
  href={ getRedirectUrl( 'jetpack-support' ) }
306
- className="jp-connection__manage-dialog__link"
307
309
  // TODO add click track
310
+ className="jp-connection__manage-dialog__link"
308
311
  />
309
312
  ),
310
313
  }
package/components/owner-disconnect-dialog/index.jsx CHANGED
@@ -4,10 +4,11 @@
4
4
  import jetpackAnalytics from '@automattic/jetpack-analytics';
5
5
  import restApi from '@automattic/jetpack-api';
6
6
  import { getRedirectUrl } from '@automattic/jetpack-components';
7
- import { ExternalLink, Modal, Button } from '@wordpress/components';
7
+ import { Modal, Button } from '@wordpress/components';
8
8
  import { createInterpolateElement } from '@wordpress/element';
9
9
  import { __ } from '@wordpress/i18n';
10
10
  import { Icon, chevronRight, external } from '@wordpress/icons';
11
+ import { Link } from '@wordpress/ui';
11
12
  import clsx from 'clsx';
12
13
  import PropTypes from 'prop-types';
13
14
  import { useCallback, useState, useEffect } from 'react';
@@ -122,7 +123,6 @@ const OwnerDisconnectDialog = ( {
122
123
  action="check-users"
123
124
  />
124
125
  </div>
125
-
126
126
  <div className="jp-connection__disconnect-dialog__actions">
127
127
  <div className="jp-row">
128
128
  <div className="lg-col-span-8 md-col-span-9 sm-col-span-4">
@@ -135,7 +135,8 @@ const OwnerDisconnectDialog = ( {
135
135
  {
136
136
  strong: <strong></strong>,
137
137
  connectionInfoLink: (
138
- <ExternalLink
138
+ <Link
139
+ openInNewTab
139
140
  href={ getRedirectUrl(
140
141
  'why-the-wordpress-com-connection-is-important-for-jetpack'
141
142
  ) }
@@ -143,7 +144,8 @@ const OwnerDisconnectDialog = ( {
143
144
  />
144
145
  ),
145
146
  supportLink: (
146
- <ExternalLink
147
+ <Link
148
+ openInNewTab
147
149
  href={ getRedirectUrl( 'jetpack-support' ) }
148
150
  className="jp-connection__disconnect-dialog__link"
149
151
  />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-connection",
3
- "version": "1.4.48",
3
+ "version": "1.4.50",
4
4
  "description": "Jetpack Connection Component",
5
5
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
6
6
  "bugs": {
@@ -30,7 +30,7 @@
30
30
  "dependencies": {
31
31
  "@automattic/jetpack-analytics": "^1.0.11",
32
32
  "@automattic/jetpack-api": "^1.0.24",
33
- "@automattic/jetpack-components": "^1.10.0",
33
+ "@automattic/jetpack-components": "^1.11.1",
34
34
  "@automattic/jetpack-config": "^1.0.9",
35
35
  "@automattic/jetpack-script-data": "^0.6.3",
36
36
  "@wordpress/base-styles": "6.20.0",
@@ -40,13 +40,14 @@
40
40
  "@wordpress/element": "6.44.0",
41
41
  "@wordpress/i18n": "6.17.0",
42
42
  "@wordpress/icons": "12.2.0",
43
+ "@wordpress/ui": "0.11.0",
43
44
  "@wordpress/url": "4.44.0",
44
45
  "clsx": "2.1.1",
45
46
  "debug": "4.4.3",
46
47
  "prop-types": "^15.7.2"
47
48
  },
48
49
  "devDependencies": {
49
- "@automattic/jetpack-base-styles": "^1.2.0",
50
+ "@automattic/jetpack-base-styles": "^1.2.2",
50
51
  "@babel/core": "7.29.0",
51
52
  "@babel/preset-react": "7.28.5",
52
53
  "@testing-library/dom": "10.4.1",
@@ -57,7 +58,7 @@
57
58
  "jest": "30.3.0",
58
59
  "react": "18.3.1",
59
60
  "react-dom": "18.3.1",
60
- "storybook": "10.3.5"
61
+ "storybook": "10.3.6"
61
62
  },
62
63
  "peerDependencies": {
63
64
  "react": "^18.0.0",