@automattic/jetpack-connection 0.33.10 → 0.33.11

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
 
+## [0.33.11] - 2024-05-20
+### Changed
+- Updated package dependencies. [#37379] [#37380] [#37382]
+
 ## [0.33.10] - 2024-05-08
 ### Changed
 - Update dependencies.
@@ -761,6 +765,7 @@
 - `Main` and `ConnectUser` components added.
 - `JetpackRestApiClient` API client added.
 
+[0.33.11]: https://github.com/Automattic/jetpack-connection-js/compare/v0.33.10...v0.33.11
 [0.33.10]: https://github.com/Automattic/jetpack-connection-js/compare/v0.33.9...v0.33.10
 [0.33.9]: https://github.com/Automattic/jetpack-connection-js/compare/v0.33.8...v0.33.9
 [0.33.8]: https://github.com/Automattic/jetpack-connection-js/compare/v0.33.7...v0.33.8

package/components/connect-button/index.jsx

@@ -11,8 +11,15 @@ import useConnection from '../use-connection';
  * @returns {React.Component} The RNA connection component.
  */
 const ConnectButton = props => {
-	const { apiRoot, apiNonce, connectLabel, registrationNonce, redirectUri, from, autoTrigger } =
-		props;
+	const {
+		apiRoot,
+		apiNonce,
+		connectLabel = __( 'Connect', 'jetpack' ),
+		registrationNonce,
+		redirectUri = null,
+		from,
+		autoTrigger = false,
+	} = props;
 
 	const {
 		handleRegisterSite,
@@ -61,10 +68,4 @@ ConnectButton.propTypes = {
 	autoTrigger: PropTypes.bool,
 };
 
-ConnectButton.defaultProps = {
-	connectLabel: __( 'Connect', 'jetpack' ),
-	redirectUri: null,
-	autoTrigger: false,
-};
-
 export default ConnectButton;

package/components/connect-screen/required-plan/index.jsx

@@ -13,9 +13,9 @@ import ConnectScreenRequiredPlanVisual from './visual';
  */
 const ConnectScreenRequiredPlan = props => {
 	const {
-		title,
-		autoTrigger,
-		buttonLabel,
+		title = __( 'Over 5 million WordPress sites are faster and more secure', 'jetpack' ),
+		autoTrigger = false,
+		buttonLabel = __( 'Set up Jetpack', 'jetpack' ),
 		apiRoot,
 		apiNonce,
 		registrationNonce,
@@ -26,7 +26,7 @@ const ConnectScreenRequiredPlan = props => {
 		priceAfter,
 		pricingIcon,
 		pricingTitle,
-		pricingCurrencyCode,
+		pricingCurrencyCode = 'USD',
 		wpcomProductSlug,
 		siteProductAvailabilityHandler,
 		logo,
@@ -117,11 +117,4 @@ ConnectScreenRequiredPlan.propTypes = {
 	logo: PropTypes.element,
 };
 
-ConnectScreenRequiredPlan.defaultProps = {
-	title: __( 'Over 5 million WordPress sites are faster and more secure', 'jetpack' ),
-	buttonLabel: __( 'Set up Jetpack', 'jetpack' ),
-	pricingCurrencyCode: 'USD',
-	autoTrigger: false,
-};
-
 export default ConnectScreenRequiredPlan;

package/components/connect-screen/required-plan/visual.jsx

@@ -30,11 +30,11 @@ const ConnectScreenRequiredPlanVisual = props => {
 		priceAfter,
 		pricingIcon,
 		pricingTitle,
-		pricingCurrencyCode,
-		isLoading,
-		handleButtonClick,
-		displayButtonError,
-		buttonIsLoading,
+		pricingCurrencyCode = 'USD',
+		isLoading = false,
+		handleButtonClick = () => {},
+		displayButtonError = false,
+		buttonIsLoading = false,
 		logo,
 		isOfflineMode,
 		rna = false,
@@ -140,12 +140,4 @@ ConnectScreenRequiredPlanVisual.propTypes = {
 	isOfflineMode: PropTypes.bool,
 };
 
-ConnectScreenRequiredPlanVisual.defaultProps = {
-	pricingCurrencyCode: 'USD',
-	isLoading: false,
-	buttonIsLoading: false,
-	displayButtonError: false,
-	handleButtonClick: () => {},
-};
-
 export default ConnectScreenRequiredPlanVisual;

package/components/connect-user/index.jsx

@@ -13,7 +13,12 @@ import { useState, useEffect } from 'react';
  * @returns {null} -- Nothing to return.
  */
 const ConnectUser = props => {
-	const { redirectFunc, connectUrl, redirectUri, from } = props;
+	const {
+		redirectFunc = url => window.location.assign( url ),
+		connectUrl,
+		redirectUri = null,
+		from,
+	} = props;
 
 	const [ authorizationUrl, setAuthorizationUrl ] = useState( null );
 
@@ -56,9 +61,4 @@ ConnectUser.propTypes = {
 	redirectFunc: PropTypes.func,
 };
 
-ConnectUser.defaultProps = {
-	redirectFunc: url => window.location.assign( url ),
-	redirectUri: null,
-};
-
 export default ConnectUser;

package/components/disconnect-dialog/index.jsx

@@ -29,13 +29,13 @@ const DisconnectDialog = props => {
 		apiRoot,
 		apiNonce,
 		connectedPlugins,
-		title,
+		title = __( 'Are you sure you want to disconnect?', 'jetpack' ),
 		pluginScreenDisconnectCallback,
 		onDisconnected,
 		onError,
 		disconnectStepComponent,
-		context,
-		connectedUser,
+		context = 'jetpack-dashboard',
+		connectedUser = {}, // Pass empty object to avoid undefined errors.
 		connectedSiteId,
 		isOpen,
 		onClose,
@@ -400,10 +400,4 @@ DisconnectDialog.propTypes = {
 	onClose: PropTypes.func,
 };
 
-DisconnectDialog.defaultProps = {
-	title: __( 'Are you sure you want to disconnect?', 'jetpack' ),
-	context: 'jetpack-dashboard',
-	connectedUser: {}, // Pass empty object to avoid undefined errors.
-};
-
 export default DisconnectDialog;

package/components/in-place-connection/index.jsx

@@ -23,16 +23,16 @@ import './style.scss';
 const InPlaceConnection = props => {
 	const {
 		title,
-		isLoading,
-		width,
+		isLoading = false,
+		width = '100%',
 		displayTOS,
-		scrollToIframe,
+		scrollToIframe = false,
 		connectUrl,
 		onComplete,
 		onThirdPartyCookiesBlocked,
 		location,
 	} = props;
-	let { height } = props;
+	let { height = '300' } = props;
 
 	const iframeWrapRef = useRef();
 	const iframeRef = useRef();
@@ -130,11 +130,4 @@ InPlaceConnection.propTypes = {
 	location: PropTypes.string,
 };
 
-InPlaceConnection.defaultProps = {
-	isLoading: false,
-	height: '300',
-	width: '100%',
-	scrollToIframe: false,
-};
-
 export default InPlaceConnection;

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

@@ -23,15 +23,15 @@ import './style.scss';
  */
 const ManageConnectionDialog = props => {
 	const {
-		title,
+		title = __( 'Manage your Jetpack connection', 'jetpack' ),
 		apiRoot,
 		apiNonce,
 		connectedPlugins,
 		onDisconnected,
-		context,
-		connectedUser,
+		context = 'jetpack-dashboard',
+		connectedUser = {}, // Pass empty object to avoid undefined errors.
 		connectedSiteId,
-		isOpen,
+		isOpen = false,
 		onClose,
 	} = props;
 
@@ -209,11 +209,4 @@ ManageConnectionDialog.propTypes = {
 	onClose: PropTypes.func,
 };
 
-ManageConnectionDialog.defaultProps = {
-	title: __( 'Manage your Jetpack connection', 'jetpack' ),
-	isOpen: false,
-	context: 'jetpack-dashboard',
-	connectedUser: {}, // Pass empty object to avoid undefined errors.
-};
-
 export default ManageConnectionDialog;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-connection",
-	"version": "0.33.10",
+	"version": "0.33.11",
 	"description": "Jetpack Connection Component",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
 	"bugs": {
@@ -15,34 +15,34 @@
 	"license": "GPL-2.0-or-later",
 	"dependencies": {
 		"@automattic/jetpack-analytics": "^0.1.29",
-		"@automattic/jetpack-api": "^0.17.6",
-		"@automattic/jetpack-components": "^0.53.0",
+		"@automattic/jetpack-api": "^0.17.7",
+		"@automattic/jetpack-components": "^0.53.3",
 		"@automattic/jetpack-config": "^0.1.24",
-		"@wordpress/base-styles": "4.47.0",
-		"@wordpress/browserslist-config": "5.39.0",
-		"@wordpress/components": "27.4.0",
-		"@wordpress/data": "9.26.0",
-		"@wordpress/element": "5.33.0",
-		"@wordpress/i18n": "4.56.0",
-		"@wordpress/icons": "9.47.0",
+		"@wordpress/base-styles": "4.48.0",
+		"@wordpress/browserslist-config": "5.40.0",
+		"@wordpress/components": "27.5.0",
+		"@wordpress/data": "9.27.0",
+		"@wordpress/element": "5.34.0",
+		"@wordpress/i18n": "4.57.0",
+		"@wordpress/icons": "9.48.0",
 		"classnames": "2.3.2",
 		"debug": "4.3.4",
 		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.24",
+		"@automattic/jetpack-base-styles": "^0.6.25",
 		"@babel/core": "7.24.0",
 		"@babel/preset-react": "7.23.3",
 		"@storybook/addon-actions": "8.0.9",
-		"@testing-library/dom": "9.3.4",
-		"@testing-library/react": "14.2.1",
+		"@testing-library/dom": "10.1.0",
+		"@testing-library/react": "15.0.7",
 		"@testing-library/user-event": "14.5.2",
 		"@types/react": "18.3.1",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"react-test-renderer": "18.2.0"
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
+		"react-test-renderer": "18.3.1"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",