@automattic/jetpack-connection 0.34.2 → 0.35.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
 
+## [0.35.1] - 2024-08-15
+### Changed
+- Updated package dependencies. [#38665]
+
+## [0.35.0] - 2024-08-13
+### Added
+- Updated the connection initial state to fallback on the new consolidated Jetpack script data [#38825]
+
 ## [0.34.2] - 2024-08-09
 ### Added
 - React 19 compatibility: Making sure useRef includes an argument. [#38765]
@@ -812,6 +820,8 @@
 - `Main` and `ConnectUser` components added.
 - `JetpackRestApiClient` API client added.
 
+[0.35.1]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.0...v0.35.1
+[0.35.0]: https://github.com/Automattic/jetpack-connection-js/compare/v0.34.2...v0.35.0
 [0.34.2]: https://github.com/Automattic/jetpack-connection-js/compare/v0.34.1...v0.34.2
 [0.34.1]: https://github.com/Automattic/jetpack-connection-js/compare/v0.34.0...v0.34.1
 [0.34.0]: https://github.com/Automattic/jetpack-connection-js/compare/v0.33.19...v0.34.0

package/components/use-connection/index.jsx

@@ -1,9 +1,10 @@
 import restApi from '@automattic/jetpack-api';
+import { getScriptData } from '@automattic/jetpack-script-data';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useEffect } from 'react';
 import { STORE_ID } from '../../state/store';
 
-const initialState = window?.JP_CONNECTION_INITIAL_STATE ? window.JP_CONNECTION_INITIAL_STATE : {};
+const initialState = window?.JP_CONNECTION_INITIAL_STATE || getScriptData()?.connection || {};
 
 export default ( {
 	registrationNonce = initialState.registrationNonce,

package/helpers/get-calypso-origin.ts

@@ -1,11 +1,15 @@
+import { getScriptData } from '@automattic/jetpack-script-data';
+
 /**
  * Get the Calypso origin based on the development environment.
  *
  * @returns {string} The Calypso url origin.
  */
 export default function getCalypsoOrigin() {
-	const calypsoEnv =
-		typeof window !== 'undefined' && window?.JP_CONNECTION_INITIAL_STATE?.calypsoEnv;
+	const calypsoEnv = (
+		( typeof window !== 'undefined' && window?.JP_CONNECTION_INITIAL_STATE ) ||
+		getScriptData()?.connection
+	)?.calypsoEnv;
 
 	switch ( calypsoEnv ) {
 		case 'development':

package/hooks/use-product-checkout-workflow/index.jsx

@@ -1,5 +1,6 @@
 import restApi from '@automattic/jetpack-api';
 import { getCalypsoOrigin } from '@automattic/jetpack-connection';
+import { getScriptData } from '@automattic/jetpack-script-data';
 import { useDispatch, useSelect } from '@wordpress/data';
 import debugFactory from 'debug';
 import { useEffect, useState, useMemo } from 'react';
@@ -13,7 +14,7 @@ const {
 	apiRoot,
 	apiNonce,
 	siteSuffix: defaultSiteSuffix,
-} = window?.JP_CONNECTION_INITIAL_STATE ? window.JP_CONNECTION_INITIAL_STATE : {};
+} = window?.JP_CONNECTION_INITIAL_STATE || getScriptData()?.connection || {};
 const defaultAdminUrl =
 	typeof window !== 'undefined' ? window?.myJetpackInitialState?.adminUrl : null;
 

package/hooks/use-restore-connection/index.jsx

@@ -1,11 +1,11 @@
 import restApi from '@automattic/jetpack-api';
+import { getScriptData } from '@automattic/jetpack-script-data';
 import { useDispatch } from '@wordpress/data';
 import { useEffect, useState } from 'react';
 import { STORE_ID } from '../../state/store';
 
-const { apiRoot, apiNonce } = window?.JP_CONNECTION_INITIAL_STATE
-	? window.JP_CONNECTION_INITIAL_STATE
-	: {};
+const { apiRoot, apiNonce } =
+	window?.JP_CONNECTION_INITIAL_STATE || getScriptData()?.connection || {};
 
 /**
  * Restore connection hook.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-connection",
-	"version": "0.34.2",
+	"version": "0.35.1",
 	"description": "Jetpack Connection Component",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
 	"bugs": {
@@ -15,29 +15,30 @@
 	"license": "GPL-2.0-or-later",
 	"dependencies": {
 		"@automattic/jetpack-analytics": "^0.1.29",
-		"@automattic/jetpack-api": "^0.17.9",
-		"@automattic/jetpack-components": "^0.55.6",
+		"@automattic/jetpack-api": "^0.17.10",
+		"@automattic/jetpack-components": "^0.55.7",
 		"@automattic/jetpack-config": "^0.1.24",
-		"@wordpress/base-styles": "5.2.0",
-		"@wordpress/browserslist-config": "6.2.0",
-		"@wordpress/components": "28.2.0",
-		"@wordpress/data": "10.2.0",
-		"@wordpress/element": "6.2.0",
-		"@wordpress/i18n": "5.2.0",
-		"@wordpress/icons": "10.2.0",
+		"@automattic/jetpack-script-data": "^0.1.1",
+		"@wordpress/base-styles": "5.5.0",
+		"@wordpress/browserslist-config": "6.5.0",
+		"@wordpress/components": "28.5.0",
+		"@wordpress/data": "10.5.0",
+		"@wordpress/element": "6.5.0",
+		"@wordpress/i18n": "5.5.0",
+		"@wordpress/icons": "10.5.0",
 		"clsx": "2.1.1",
 		"debug": "4.3.4",
 		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.28",
+		"@automattic/jetpack-base-styles": "^0.6.29",
 		"@babel/core": "7.24.7",
 		"@babel/preset-react": "7.24.7",
 		"@storybook/addon-actions": "8.1.6",
 		"@testing-library/dom": "10.1.0",
 		"@testing-library/react": "15.0.7",
 		"@testing-library/user-event": "14.5.2",
-		"@types/react": "18.3.1",
+		"@types/react": "18.3.3",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
 		"react": "18.3.1",

package/state/store.jsx

@@ -1,5 +1,6 @@
 /* eslint-disable no-console */
 
+import { getScriptData } from '@automattic/jetpack-script-data';
 import actions from './actions';
 import controls from './controls';
 import reducer from './reducers';
@@ -8,7 +9,7 @@ import selectors from './selectors';
 import storeHolder from './store-holder';
 import STORE_ID from './store-id';
 
-const initialState = window.JP_CONNECTION_INITIAL_STATE;
+const initialState = window.JP_CONNECTION_INITIAL_STATE || getScriptData()?.connection;
 
 if ( ! initialState ) {
 	console.error(