@automattic/jetpack-connection 0.35.20 → 0.36.0

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ### This is a list detailing changes for the Jetpack RNA Connection Component releases.
 
+## [0.36.0] - 2024-12-04
+### Changed
+- Changed text domain from 'jetpack' to 'jetpack-connection-js'. [#40368]
+- Updated package dependencies. [#40363]
+
 ## [0.35.20] - 2024-11-26
 ### Changed
 - Update dependencies.
@@ -901,6 +906,7 @@
 - `Main` and `ConnectUser` components added.
 - `JetpackRestApiClient` API client added.
 
+[0.36.0]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.20...v0.36.0
 [0.35.20]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.19...v0.35.20
 [0.35.19]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.18...v0.35.19
 [0.35.18]: https://github.com/Automattic/jetpack-connection-js/compare/v0.35.17...v0.35.18

package/components/connect-button/index.jsx

@@ -14,7 +14,7 @@ const ConnectButton = props => {
 	const {
 		apiRoot,
 		apiNonce,
-		connectLabel = __( 'Connect', 'jetpack' ),
+		connectLabel = __( 'Connect', 'jetpack-connection-js' ),
 		registrationNonce,
 		redirectUri = null,
 		from,

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

@@ -83,11 +83,12 @@ const ConnectScreen: React.FC< Props > = ( {
 	return (
 		<ConnectScreenVisual
 			title={
-				title || __( 'Over 5 million WordPress sites are faster and more secure', 'jetpack' )
+				title ||
+				__( 'Over 5 million WordPress sites are faster and more secure', 'jetpack-connection-js' )
 			}
 			images={ images || [] }
 			assetBaseUrl={ assetBaseUrl }
-			buttonLabel={ buttonLabel || __( 'Set up Jetpack', 'jetpack' ) }
+			buttonLabel={ buttonLabel || __( 'Set up Jetpack', 'jetpack-connection-js' ) }
 			loadingLabel={ loadingLabel }
 			handleButtonClick={ handleRegisterSite }
 			displayButtonError={ displayButtonError }

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

@@ -46,22 +46,25 @@ const getErrorMessage = ( errorCode, isOfflineMode ) => {
 		case 'siteurl_private_ip':
 			return __(
 				'Your site host is on a private network. Jetpack can only connect to public sites.',
-				'jetpack'
+				'jetpack-connection-js'
 			);
 		case 'connection_disabled':
-			return __( 'This site has been suspended.', 'jetpack' );
+			return __( 'This site has been suspended.', 'jetpack-connection-js' );
 	}
 
 	if ( isOfflineMode ) {
-		return createInterpolateElement( __( 'Unavailable in <a>Offline Mode</a>', 'jetpack' ), {
-			a: (
-				<a
-					href={ getRedirectUrl( 'jetpack-support-development-mode' ) }
-					target="_blank"
-					rel="noopener noreferrer"
-				/>
-			),
-		} );
+		return createInterpolateElement(
+			__( 'Unavailable in <a>Offline Mode</a>', 'jetpack-connection-js' ),
+			{
+				a: (
+					<a
+						href={ getRedirectUrl( 'jetpack-support-development-mode' ) }
+						target="_blank"
+						rel="noopener noreferrer"
+					/>
+				),
+			}
+		);
 	}
 };
 
@@ -109,7 +112,7 @@ const ConnectScreenVisual: React.FC< Props > = ( {
 				isDisabled={ isOfflineMode }
 			/>
 			<span className="jp-connection__connect-screen__loading-message" role="status">
-				{ buttonIsLoading ? loadingLabel || __( 'Loading', 'jetpack' ) : '' }
+				{ buttonIsLoading ? loadingLabel || __( 'Loading', 'jetpack-connection-js' ) : '' }
 			</span>
 
 			{ footer && <div className="jp-connection__connect-screen__footer">{ footer }</div> }

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

@@ -13,9 +13,12 @@ import ConnectScreenRequiredPlanVisual from './visual';
  */
 const ConnectScreenRequiredPlan = props => {
 	const {
-		title = __( 'Over 5 million WordPress sites are faster and more secure', 'jetpack' ),
+		title = __(
+			'Over 5 million WordPress sites are faster and more secure',
+			'jetpack-connection-js'
+		),
 		autoTrigger = false,
-		buttonLabel = __( 'Set up Jetpack', 'jetpack' ),
+		buttonLabel = __( 'Set up Jetpack', 'jetpack-connection-js' ),
 		apiRoot,
 		apiNonce,
 		registrationNonce,

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

@@ -43,11 +43,11 @@ const ConnectScreenRequiredPlanVisual = props => {
 	debug( 'props are %o', props );
 
 	const withSubscription = createInterpolateElement(
-		__( 'Already have a subscription? <connectButton/>', 'jetpack' ),
+		__( 'Already have a subscription? <connectButton/>', 'jetpack-connection-js' ),
 		{
 			connectButton: (
 				<ActionButton
-					label={ __( 'Log in to get started', 'jetpack' ) }
+					label={ __( 'Log in to get started', 'jetpack-connection-js' ) }
 					onClick={ handleButtonClick }
 					isLoading={ buttonIsLoading }
 				/>
@@ -56,15 +56,18 @@ const ConnectScreenRequiredPlanVisual = props => {
 	);
 
 	const errorMessage = isOfflineMode
-		? createInterpolateElement( __( 'Unavailable in <a>Offline Mode</a>', 'jetpack' ), {
-				a: (
-					<a
-						href={ getRedirectUrl( 'jetpack-support-development-mode' ) }
-						target="_blank"
-						rel="noopener noreferrer"
-					/>
-				),
-		  } )
+		? createInterpolateElement(
+				__( 'Unavailable in <a>Offline Mode</a>', 'jetpack-connection-js' ),
+				{
+					a: (
+						<a
+							href={ getRedirectUrl( 'jetpack-support-development-mode' ) }
+							target="_blank"
+							rel="noopener noreferrer"
+						/>
+					),
+				}
+		  )
 		: undefined;
 
 	return (

package/components/connected-plugins/index.jsx

@@ -40,7 +40,7 @@ const ConnectedPlugins = props => {
 					<p className="jp-connection__disconnect-dialog__large-text">
 						{ __(
 							'Jetpack is powering other plugins on your site. If you disconnect, these plugins will no longer work.',
-							'jetpack'
+							'jetpack-connection-js'
 						) }
 					</p>
 				</div>

package/components/connection-error-notice/index.jsx

@@ -50,7 +50,7 @@ const ConnectionErrorNotice = props => {
 			<Notice status={ 'error' } isDismissible={ false } className={ wrapperClassName }>
 				<div className={ styles.message }>
 					<Spinner color="#B32D2E" size={ 24 } />
-					{ __( 'Reconnecting Jetpack', 'jetpack' ) }
+					{ __( 'Reconnecting Jetpack', 'jetpack-connection-js' ) }
 				</div>
 			</Notice>
 		);
@@ -66,7 +66,7 @@ const ConnectionErrorNotice = props => {
 				{ icon }
 				{ sprintf(
 					/* translators: placeholder is the error. */
-					__( 'There was an error reconnecting Jetpack. Error: %s', 'jetpack' ),
+					__( 'There was an error reconnecting Jetpack. Error: %s', 'jetpack-connection-js' ),
 					restoreConnectionError
 				) }
 			</div>
@@ -88,7 +88,7 @@ const ConnectionErrorNotice = props => {
 						className={ styles.button }
 						href="#"
 					>
-						{ __( 'Restore Connection', 'jetpack' ) }
+						{ __( 'Restore Connection', 'jetpack-connection-js' ) }
 					</a>
 				) }
 			</Notice>

package/components/disconnect-dialog/index.jsx

@@ -29,7 +29,7 @@ const DisconnectDialog = props => {
 		apiRoot,
 		apiNonce,
 		connectedPlugins,
-		title = __( 'Are you sure you want to disconnect?', 'jetpack' ),
+		title = __( 'Are you sure you want to disconnect?', 'jetpack-connection-js' ),
 		pluginScreenDisconnectCallback,
 		onDisconnected,
 		onError,

package/components/disconnect-dialog/steps/step-disconnect-confirm.jsx

@@ -23,7 +23,7 @@ const StepDisconnectConfirm = props => {
 			<div className="jp-connection__disconnect-dialog__step-copy jp-connection__disconnect-dialog__step-copy--narrow">
 				<h1>
 					{ createInterpolateElement(
-						__( 'Jetpack has been <br/>successfully disconnected.', 'jetpack' ),
+						__( 'Jetpack has been <br/>successfully disconnected.', 'jetpack-connection-js' ),
 						{
 							br: <br />,
 						}
@@ -35,7 +35,7 @@ const StepDisconnectConfirm = props => {
 						<p>
 							{ __(
 								'We’re sorry to see you go. Here at Jetpack, we’re always striving to provide the best experience for our customers. Please take our short survey (2 minutes, promise).',
-								'jetpack'
+								'jetpack-connection-js'
 							) }
 						</p>
 						<p>
@@ -44,7 +44,7 @@ const StepDisconnectConfirm = props => {
 								onClick={ onProvideFeedback }
 								className="jp-connection__disconnect-dialog__btn-back-to-wp"
 							>
-								{ __( 'Help us improve', 'jetpack' ) }
+								{ __( 'Help us improve', 'jetpack-connection-js' ) }
 							</Button>
 						</p>
 						<a
@@ -52,7 +52,7 @@ const StepDisconnectConfirm = props => {
 							href="#"
 							onClick={ onExit }
 						>
-							{ __( 'No thank you', 'jetpack' ) }
+							{ __( 'No thank you', 'jetpack-connection-js' ) }
 						</a>
 					</>
 				) }
@@ -65,7 +65,7 @@ const StepDisconnectConfirm = props => {
 								onClick={ onExit }
 								className="jp-connection__disconnect-dialog__btn-back-to-wp"
 							>
-								{ __( 'Back to my website', 'jetpack' ) }
+								{ __( 'Back to my website', 'jetpack-connection-js' ) }
 							</Button>
 						</p>
 					</>

package/components/disconnect-dialog/steps/step-disconnect.jsx

@@ -69,12 +69,12 @@ const StepDisconnect = props => {
 	 * @return {React.Component} - Button used for disconnect.
 	 */
 	const renderDisconnectButton = () => {
-		let buttonText = __( 'Disconnect', 'jetpack' );
+		let buttonText = __( 'Disconnect', 'jetpack-connection-js' );
 		// When showing on the plugins page, this button should deactivate the plugin as well.
 		if ( isDisconnecting ) {
-			buttonText = __( 'Disconnecting…', 'jetpack' );
+			buttonText = __( 'Disconnecting…', 'jetpack-connection-js' );
 		} else if ( context === 'plugins' ) {
-			buttonText = __( 'Deactivate', 'jetpack' );
+			buttonText = __( 'Deactivate', 'jetpack-connection-js' );
 		}
 
 		return (
@@ -104,9 +104,15 @@ const StepDisconnect = props => {
 			return (
 				<div className="jp-connection__disconnect-dialog__step-copy">
 					<p className="jp-connection__disconnect-dialog__large-text">
-						{ __( 'Jetpack is currently powering multiple products on your site.', 'jetpack' ) }
+						{ __(
+							'Jetpack is currently powering multiple products on your site.',
+							'jetpack-connection-js'
+						) }
 						<br />
-						{ __( 'Once you disconnect Jetpack, these will no longer work.', 'jetpack' ) }
+						{ __(
+							'Once you disconnect Jetpack, these will no longer work.',
+							'jetpack-connection-js'
+						) }
 					</p>
 				</div>
 			);
@@ -134,7 +140,7 @@ const StepDisconnect = props => {
 							{ createInterpolateElement(
 								__(
 									'<strong>Need help?</strong> Learn more about the <jpConnectionInfoLink>Jetpack connection</jpConnectionInfoLink> or <jpSupportLink>contact Jetpack support</jpSupportLink>.',
-									'jetpack'
+									'jetpack-connection-js'
 								),
 								{
 									strong: <strong></strong>,
@@ -166,8 +172,12 @@ const StepDisconnect = props => {
 							className="jp-connection__disconnect-dialog__btn-dismiss"
 						>
 							{ context === 'plugins'
-								? __( 'Cancel', 'jetpack' )
-								: __( 'Stay connected', 'jetpack', /* dummy arg to avoid bad minification */ 0 ) }
+								? __( 'Cancel', 'jetpack-connection-js' )
+								: __(
+										'Stay connected',
+										'jetpack-connection-js',
+										/* dummy arg to avoid bad minification */ 0
+								  ) }
 						</Button>
 						{ renderDisconnectButton() }
 					</div>

package/components/disconnect-dialog/steps/step-survey.jsx

@@ -17,9 +17,9 @@ const StepSurvey = props => {
 
 	return (
 		<div className="jp-connection__disconnect-dialog__content">
-			<h1>{ __( 'Before you go, help us improve Jetpack', 'jetpack' ) }</h1>
+			<h1>{ __( 'Before you go, help us improve Jetpack', 'jetpack-connection-js' ) }</h1>
 			<p className="jp-connection__disconnect-dialog__large-text">
-				{ __( 'Let us know what didn‘t work for you', 'jetpack' ) }
+				{ __( 'Let us know what didn‘t work for you', 'jetpack-connection-js' ) }
 			</p>
 			<DisconnectSurvey
 				onSubmit={ onFeedBackProvided }
@@ -30,7 +30,7 @@ const StepSurvey = props => {
 				href="#"
 				onClick={ onExit }
 			>
-				{ __( 'Skip for now', 'jetpack' ) }
+				{ __( 'Skip for now', 'jetpack-connection-js' ) }
 			</a>
 		</div>
 	);

package/components/disconnect-dialog/steps/step-thank-you.jsx

@@ -20,12 +20,12 @@ const StepThankYou = props => {
 			<DecorativeCard format="vertical" imageUrl={ disconnectImage } />
 
 			<div className="jp-connection__disconnect-dialog__copy">
-				<h1>{ __( 'Thank you!', 'jetpack' ) }</h1>
+				<h1>{ __( 'Thank you!', 'jetpack-connection-js' ) }</h1>
 				<p className="jp-connection__disconnect-dialog__large-text">
 					{ createInterpolateElement(
 						__(
 							'Your answer has been submitted. <br/>Thanks for your input on how we can improve Jetpack.',
-							'jetpack'
+							'jetpack-connection-js'
 						),
 						{
 							br: <br />,
@@ -37,7 +37,7 @@ const StepThankYou = props => {
 					onClick={ onExit }
 					className="jp-connection__disconnect-dialog__btn-back-to-wp"
 				>
-					{ __( 'Back to my website', 'jetpack' ) }
+					{ __( 'Back to my website', 'jetpack-connection-js' ) }
 				</Button>
 			</div>
 		</div>

package/components/disconnect-survey/index.jsx

@@ -18,23 +18,26 @@ const DisconnectSurvey = props => {
 	const options = [
 		{
 			id: 'troubleshooting',
-			answerText: __( "Troubleshooting - I'll be reconnecting afterwards.", 'jetpack' ),
+			answerText: __(
+				"Troubleshooting - I'll be reconnecting afterwards.",
+				'jetpack-connection-js'
+			),
 		},
 		{
 			id: 'not-working',
-			answerText: __( "I can't get it to work.", 'jetpack' ),
+			answerText: __( "I can't get it to work.", 'jetpack-connection-js' ),
 		},
 		{
 			id: 'slowed-down-site',
-			answerText: __( 'It slowed down my site.', 'jetpack' ),
+			answerText: __( 'It slowed down my site.', 'jetpack-connection-js' ),
 		},
 		{
 			id: 'buggy',
-			answerText: __( "It's buggy.", 'jetpack' ),
+			answerText: __( "It's buggy.", 'jetpack-connection-js' ),
 		},
 		{
 			id: 'what-does-it-do',
-			answerText: __( "I don't know what it does.", 'jetpack' ),
+			answerText: __( "I don't know what it does.", 'jetpack-connection-js' ),
 		},
 	];
 
@@ -136,9 +139,9 @@ const DisconnectSurvey = props => {
 				className={ 'card jp-connect__disconnect-survey-card ' + selectedClass( customOption.id ) }
 			>
 				<p className="jp-connect__disconnect-survey-card__answer">
-					{ __( 'Other:', 'jetpack' ) }{ ' ' }
+					{ __( 'Other:', 'jetpack-connection-js' ) }{ ' ' }
 					<input
-						placeholder={ __( 'share your experience', 'jetpack' ) }
+						placeholder={ __( 'share your experience', 'jetpack-connection-js' ) }
 						className="jp-connect__disconnect-survey-card__input"
 						type="text"
 						value={ customResponse }
@@ -164,8 +167,12 @@ const DisconnectSurvey = props => {
 					className="jp-connection__disconnect-dialog__btn-back-to-wp"
 				>
 					{ isSubmittingFeedback
-						? __( 'Submitting…', 'jetpack' )
-						: __( 'Submit Feedback', 'jetpack', /* dummy arg to avoid bad minification */ 0 ) }
+						? __( 'Submitting…', 'jetpack-connection-js' )
+						: __(
+								'Submit Feedback',
+								'jetpack-connection-js',
+								/* dummy arg to avoid bad minification */ 0
+						  ) }
 				</Button>
 			</p>
 		</React.Fragment>

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

@@ -103,7 +103,7 @@ const InPlaceConnection = props => {
 		<div className="dops-card fade-in jp-iframe-wrap" ref={ iframeWrapRef }>
 			<h1>{ title }</h1>
 			{ isLoading ? (
-				<p>{ __( 'Loading…', 'jetpack' ) }</p>
+				<p>{ __( 'Loading…', 'jetpack-connection-js' ) }</p>
 			) : (
 				<iframe
 					title={ title }

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

@@ -23,7 +23,7 @@ import './style.scss';
  */
 const ManageConnectionDialog = props => {
 	const {
-		title = __( 'Manage your Jetpack connection', 'jetpack' ),
+		title = __( 'Manage your Jetpack connection', 'jetpack-connection-js' ),
 		apiRoot,
 		apiNonce,
 		connectedPlugins,
@@ -79,11 +79,11 @@ const ManageConnectionDialog = props => {
 							<Text className="jp-connection__manage-dialog__large-text">
 								{ __(
 									'At least one user must be connected for your Jetpack products to work properly.',
-									'jetpack'
+									'jetpack-connection-js'
 								) }
 							</Text>
 							<ManageConnectionActionCard
-								title={ __( 'Transfer ownership to another admin', 'jetpack' ) }
+								title={ __( 'Transfer ownership to another admin', 'jetpack-connection-js' ) }
 								link={ getRedirectUrl( 'calypso-settings-manage-connection', {
 									site: window?.myJetpackInitialState?.siteSuffix,
 								} ) }
@@ -91,7 +91,7 @@ const ManageConnectionDialog = props => {
 								action="transfer"
 							/>
 							<ManageConnectionActionCard
-								title={ __( 'Disconnect Jetpack', 'jetpack' ) }
+								title={ __( 'Disconnect Jetpack', 'jetpack-connection-js' ) }
 								onClick={ openDisconnectDialog }
 								key="disconnect"
 								action="disconnect"
@@ -145,7 +145,7 @@ const HelpFooter = ( { onClose } ) => {
 					{ createInterpolateElement(
 						__(
 							'<strong>Need help?</strong> Learn more about the <connectionInfoLink>Jetpack connection</connectionInfoLink> or <supportLink>contact Jetpack support</supportLink>',
-							'jetpack'
+							'jetpack-connection-js'
 						),
 						{
 							strong: <strong></strong>,
@@ -176,7 +176,7 @@ const HelpFooter = ( { onClose } ) => {
 					onClick={ onClose }
 					className="jp-connection__manage-dialog__btn-dismiss"
 				>
-					{ __( 'Cancel', 'jetpack' ) }
+					{ __( 'Cancel', 'jetpack-connection-js' ) }
 				</Button>
 			</div>
 		</div>

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

@@ -1,9 +1,9 @@
 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';
+import { getCalypsoOrigin } from '@automattic/jetpack-connection';
 import useConnection from '../../components/use-connection';
 import { STORE_ID } from '../../state/store.jsx';
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-connection",
-	"version": "0.35.20",
+	"version": "0.36.0",
 	"description": "Jetpack Connection Component",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
 	"bugs": {
@@ -15,23 +15,23 @@
 	"license": "GPL-2.0-or-later",
 	"dependencies": {
 		"@automattic/jetpack-analytics": "^0.1.33",
-		"@automattic/jetpack-api": "^0.17.19",
-		"@automattic/jetpack-components": "^0.63.0",
+		"@automattic/jetpack-api": "^0.17.20",
+		"@automattic/jetpack-components": "^0.64.0",
 		"@automattic/jetpack-config": "^0.1.27",
 		"@automattic/jetpack-script-data": "^0.1.5",
-		"@wordpress/base-styles": "5.12.0",
-		"@wordpress/browserslist-config": "6.12.0",
-		"@wordpress/components": "28.12.0",
-		"@wordpress/data": "10.12.0",
-		"@wordpress/element": "6.12.0",
-		"@wordpress/i18n": "5.12.0",
-		"@wordpress/icons": "10.12.0",
+		"@wordpress/base-styles": "5.13.0",
+		"@wordpress/browserslist-config": "6.13.0",
+		"@wordpress/components": "28.13.0",
+		"@wordpress/data": "10.13.0",
+		"@wordpress/element": "6.13.0",
+		"@wordpress/i18n": "5.13.0",
+		"@wordpress/icons": "10.13.0",
 		"clsx": "2.1.1",
 		"debug": "4.3.4",
 		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.37",
+		"@automattic/jetpack-base-styles": "^0.6.38",
 		"@babel/core": "7.26.0",
 		"@babel/preset-react": "7.25.9",
 		"@storybook/addon-actions": "8.3.5",