@automattic/jetpack-connection 1.4.63 → 1.4.65

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
 
+## [1.4.65] - 2026-06-25
+### Fixed
+- Connect screen: Accept React synthetic events on the connect button click handler to satisfy the `@wordpress/ui` 0.15 Button `onClick` type. [#49795]
+
+## [1.4.64] - 2026-06-24
+### Changed
+- Internal updates.
+
 ## [1.4.63] - 2026-06-23
 ### Changed
 - Update dependencies.
@@ -1393,6 +1401,8 @@
 - `Main` and `ConnectUser` components added.
 - `JetpackRestApiClient` API client added.
 
+[1.4.65]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.64...v1.4.65
+[1.4.64]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.63...v1.4.64
 [1.4.63]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.62...v1.4.63
 [1.4.62]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.61...v1.4.62
 [1.4.61]: https://github.com/Automattic/jetpack-connection-js/compare/v1.4.60...v1.4.61

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

@@ -5,7 +5,7 @@ import { Button } from '@wordpress/ui';
 import ConnectScreenLayout from '../layout';
 import type { Props as ConnectScreenProps } from '../basic';
 import type { WithRequired } from '../types';
-import type { FC } from 'react';
+import type { FC, SyntheticEvent } from 'react';
 import './style.scss';
 
 type SharedProps = Pick<
@@ -23,7 +23,7 @@ type OwnProps = {
 	// Whether the connection status is still loading
 	isLoading?: boolean;
 	// Callback to be called on button click
-	handleButtonClick?: ( e: MouseEvent ) => void;
+	handleButtonClick?: ( e?: Event | SyntheticEvent ) => void;
 	// Whether the error message appears or not
 	displayButtonError?: boolean;
 	// The connection error code

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

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

package/components/use-connection/index.ts

@@ -9,6 +9,7 @@ import type {
 	UseConnectionProps,
 	UseConnectionReturn,
 } from './types.ts';
+import type { SyntheticEvent } from 'react';
 
 type StoreSelector = ( storeId: string ) => Record< string, ( ...args: unknown[] ) => unknown >;
 
@@ -96,7 +97,7 @@ export default function useConnection( {
 	 * @param {Event} [e] - Event that dispatched handleRegisterSite
 	 * @return Promise when running the site connection process. Otherwise, nothing.
 	 */
-	const handleRegisterSite = ( e?: Event ): Promise< unknown > => {
+	const handleRegisterSite = ( e?: Event | SyntheticEvent ): Promise< unknown > => {
 		e && e.preventDefault();
 
 		if ( isRegistered ) {

package/components/use-connection/types.ts

@@ -1,3 +1,5 @@
+import type { SyntheticEvent } from 'react';
+
 export interface UseConnectionProps {
 	/**
 	 * The registration nonce.
@@ -61,7 +63,7 @@ export interface RegistrationError {
 }
 
 export interface UseConnectionReturn {
-	handleRegisterSite: ( e?: Event ) => Promise< unknown >;
+	handleRegisterSite: ( e?: Event | SyntheticEvent ) => Promise< unknown >;
 	handleConnectUser: () => Promise< unknown >;
 	refreshConnectedPlugins: () => Promise< unknown >;
 	isRegistered: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-connection",
-	"version": "1.4.63",
+	"version": "1.4.65",
 	"description": "Jetpack Connection Component",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
 	"bugs": {
@@ -32,7 +32,7 @@
 	"dependencies": {
 		"@automattic/jetpack-analytics": "^1.0.15",
 		"@automattic/jetpack-api": "^1.0.30",
-		"@automattic/jetpack-components": "^1.12.10",
+		"@automattic/jetpack-components": "^1.12.12",
 		"@automattic/jetpack-config": "^1.0.13",
 		"@automattic/jetpack-script-data": "^0.6.4",
 		"@wordpress/base-styles": "10.0.1",