@automattic/jetpack-connection 0.35.14 → 0.35.16

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
 
+## [0.35.16] - 2024-11-11
+### Changed
+- Updated package dependencies. [#39999]
+- Updated package dependencies. [#40000]
+- Updated package dependencies. [#40060]
+
+## [0.35.15] - 2024-11-04
+### Added
+- Enable test coverage. [#39961]
+
+### Changed
+- Skip pricing page when connecting via block editor. [#39865]
+
 ## [0.35.14] - 2024-10-15
 ### Changed
 - Update dependencies.
@@ -875,6 +888,8 @@
 - `Main` and `ConnectUser` components added.
 - `JetpackRestApiClient` API client added.
 
+[0.35.16]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.15...v0.35.16
+[0.35.15]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.14...v0.35.15
 [0.35.14]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.13...v0.35.14
 [0.35.13]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.12...v0.35.13
 [0.35.12]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.11...v0.35.12

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

@@ -30,6 +30,8 @@ export type Props = {
 	assetBaseUrl?: string;
 	// Whether to not require a user connection and just redirect after site connection
 	skipUserConnection?: boolean;
+	// Whether to skip the pricing page after the connection screen
+	skipPricingPage?: boolean;
 	// Additional page elements to show after the call to action
 	footer?: React.ReactNode;
 	// The logo to display at the top of the component
@@ -54,6 +56,7 @@ const ConnectScreen: React.FC< Props > = ( {
 	autoTrigger,
 	footer,
 	skipUserConnection,
+	skipPricingPage,
 	logo,
 } ) => {
 	const {
@@ -70,6 +73,7 @@ const ConnectScreen: React.FC< Props > = ( {
 		autoTrigger,
 		from,
 		skipUserConnection,
+		skipPricingPage,
 	} );
 
 	const displayButtonError = Boolean( registrationError );

package/components/use-connection/index.jsx

@@ -14,6 +14,7 @@ export default ( {
 	autoTrigger,
 	from,
 	skipUserConnection,
+	skipPricingPage,
 } = {} ) => {
 	const { registerSite, connectUser, refreshConnectedPlugins } = useDispatch( STORE_ID );
 
@@ -45,7 +46,7 @@ export default ( {
 	 */
 	const handleConnectUser = () => {
 		if ( ! skipUserConnection ) {
-			return connectUser( { from, redirectUri } );
+			return connectUser( { from, redirectUri, skipPricingPage } );
 		} else if ( redirectUri ) {
 			window.location = redirectUri;
 			return Promise.resolve( redirectUri );

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-connection",
-	"version": "0.35.14",
+	"version": "0.35.16",
 	"description": "Jetpack Connection Component",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
 	"bugs": {
@@ -14,31 +14,31 @@
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
 	"dependencies": {
-		"@automattic/jetpack-analytics": "^0.1.31",
-		"@automattic/jetpack-api": "^0.17.15",
-		"@automattic/jetpack-components": "^0.58.0",
-		"@automattic/jetpack-config": "^0.1.25",
-		"@automattic/jetpack-script-data": "^0.1.2",
-		"@wordpress/base-styles": "5.9.0",
-		"@wordpress/browserslist-config": "6.9.0",
-		"@wordpress/components": "28.9.0",
-		"@wordpress/data": "10.9.0",
-		"@wordpress/element": "6.9.0",
-		"@wordpress/i18n": "5.9.0",
-		"@wordpress/icons": "10.9.0",
+		"@automattic/jetpack-analytics": "^0.1.32",
+		"@automattic/jetpack-api": "^0.17.17",
+		"@automattic/jetpack-components": "^0.59.0",
+		"@automattic/jetpack-config": "^0.1.26",
+		"@automattic/jetpack-script-data": "^0.1.4",
+		"@wordpress/base-styles": "5.11.0",
+		"@wordpress/browserslist-config": "6.11.0",
+		"@wordpress/components": "28.11.0",
+		"@wordpress/data": "10.11.0",
+		"@wordpress/element": "6.11.0",
+		"@wordpress/i18n": "5.11.0",
+		"@wordpress/icons": "10.11.0",
 		"clsx": "2.1.1",
 		"debug": "4.3.4",
 		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.34",
-		"@babel/core": "7.24.7",
-		"@babel/preset-react": "7.24.7",
+		"@automattic/jetpack-base-styles": "^0.6.35",
+		"@babel/core": "7.26.0",
+		"@babel/preset-react": "7.25.9",
 		"@storybook/addon-actions": "8.3.5",
 		"@testing-library/dom": "10.4.0",
 		"@testing-library/react": "16.0.1",
 		"@testing-library/user-event": "14.5.2",
-		"@types/react": "18.3.3",
+		"@types/react": "18.3.12",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
 		"react": "18.3.1",
@@ -59,6 +59,7 @@
 		"*.scss"
 	],
 	"scripts": {
-		"test": "NODE_OPTIONS=--experimental-vm-modules jest"
+		"test": "NODE_OPTIONS=--experimental-vm-modules jest",
+		"test-coverage": "pnpm run test --coverage"
 	}
 }

package/state/actions.jsx

@@ -72,15 +72,16 @@ const setIsOfflineMode = isOfflineMode => {
 /**
  * Connect site with wp.com user
  *
- * @param {object}   Object               - contains from and redirectFunc
- * @param {string}   Object.from          - Value that represents the redirect origin
- * @param {Function} Object.redirectFunc  - A function to handle the redirect, defaults to location.assign
- * @param {string}   [Object.redirectUri] - A URI that the user will be redirected to
+ * @param {object}   Object                   - contains from and redirectFunc
+ * @param {string}   Object.from              - Value that represents the redirect origin
+ * @param {Function} Object.redirectFunc      - A function to handle the redirect, defaults to location.assign
+ * @param {string}   [Object.redirectUri]     - A URI that the user will be redirected to
+ * @param {boolean}  [Object.skipPricingPage] - A flag to skip the pricing page in the connection flow
  * @yield {object} Action object that will be yielded
  */
-function* connectUser( { from, redirectFunc, redirectUri } = {} ) {
+function* connectUser( { from, redirectFunc, redirectUri, skipPricingPage } = {} ) {
 	yield setUserIsConnecting( true );
-	yield { type: CONNECT_USER, from, redirectFunc, redirectUri };
+	yield { type: CONNECT_USER, from, redirectFunc, redirectUri, skipPricingPage };
 }
 
 /**

package/state/controls.jsx

@@ -7,7 +7,7 @@ const REGISTER_SITE = ( { registrationNonce, redirectUri, from } ) =>
 
 const CONNECT_USER = createRegistryControl(
 	( { resolveSelect } ) =>
-		( { from, redirectFunc, redirectUri } = {} ) => {
+		( { from, redirectFunc, redirectUri, skipPricingPage } = {} ) => {
 			return new Promise( ( resolve, reject ) => {
 				resolveSelect( STORE_ID )
 					.getAuthorizationUrl( redirectUri )
@@ -16,6 +16,10 @@ const CONNECT_USER = createRegistryControl(
 
 						const url = new URL( authorizationUrl );
 
+						if ( skipPricingPage ) {
+							url.searchParams.set( 'skip_pricing', 'true' );
+						}
+
 						if ( from ) {
 							url.searchParams.set( 'from', encodeURIComponent( from ) );
 						}