Subscriber Login: Allow custom link labels (#35179)

Author: pkuliga

projects/plugins/jetpack/changelog/update-subscriber-login-custom-labels

@@ -0,0 +1,4 @@
+Significance: minor
+Type: other
+
+Subscriber Login: Allow custom link labels

projects/plugins/jetpack/extensions/blocks/subscriber-login/block.json

@@ -35,6 +35,15 @@
 		"redirectToCurrent": {
 			"type": "boolean",
 			"default": true
+		},
+		"logInLabel": {
+			"type": "string"
+		},
+		"logOutLabel": {
+			"type": "string"
+		},
+		"manageSubscriptionsLabel": {
+			"type": "string"
 		}
 	}
 }

projects/plugins/jetpack/extensions/blocks/subscriber-login/edit.js

@@ -1,9 +1,17 @@
 import { InspectorControls } from '@wordpress/block-editor';
-import { PanelBody, ToggleControl } from '@wordpress/components';
+import { PanelBody, ToggleControl, BaseControl, TextControl } from '@wordpress/components';
+import { useInstanceId } from '@wordpress/compose';
 import { __ } from '@wordpress/i18n';
+import { getValidatedAttributes } from '../../shared/get-validated-attributes';
+import metadata from './block.json';
 
 function SubscriberLoginEdit( { attributes, setAttributes, className } ) {
-	const { redirectToCurrent } = attributes;
+	const logInInputId = useInstanceId( TextControl, 'inspector-text-control' );
+	const logOutInputId = useInstanceId( TextControl, 'inspector-text-control' );
+	const manageSubscriptionsInputId = useInstanceId( TextControl, 'inspector-text-control' );
+	const validatedAttributes = getValidatedAttributes( metadata.attributes, attributes );
+	const { redirectToCurrent, logInLabel, logOutLabel, manageSubscriptionsLabel } =
+		validatedAttributes;
 
 	return (
 		<>
@@ -14,10 +22,37 @@ function SubscriberLoginEdit( { attributes, setAttributes, className } ) {
 						checked={ redirectToCurrent }
 						onChange={ () => setAttributes( { redirectToCurrent: ! redirectToCurrent } ) }
 					/>
+					<BaseControl label={ __( 'Log in label', 'jetpack' ) } id={ logInInputId }>
+						<TextControl
+							placeholder={ __( 'Log in', 'jetpack' ) }
+							onChange={ value => setAttributes( { logInLabel: value } ) }
+							value={ logInLabel }
+							id={ logInInputId }
+						/>
+					</BaseControl>
+					<BaseControl label={ __( 'Log out label', 'jetpack' ) } id={ logOutInputId }>
+						<TextControl
+							placeholder={ __( 'Log out', 'jetpack' ) }
+							onChange={ value => setAttributes( { logOutLabel: value } ) }
+							value={ logOutLabel }
+							id={ logOutInputId }
+						/>
+					</BaseControl>
+					<BaseControl
+						label={ __( 'Manage subscriptions label', 'jetpack' ) }
+						id={ manageSubscriptionsInputId }
+					>
+						<TextControl
+							placeholder={ __( 'Manage subscriptions', 'jetpack' ) }
+							onChange={ value => setAttributes( { manageSubscriptionsLabel: value } ) }
+							value={ manageSubscriptionsLabel }
+							id={ manageSubscriptionsInputId }
+						/>
+					</BaseControl>
 				</PanelBody>
 			</InspectorControls>
 			<div className={ className }>
-				<a href="#logout-pseudo-link">{ __( 'Log out', 'jetpack' ) }</a>
+				<a href="#logout-pseudo-link">{ logOutLabel || __( 'Log out', 'jetpack' ) }</a>
 			</div>
 		</>
 	);

projects/plugins/jetpack/extensions/blocks/subscriber-login/subscriber-login.php

@@ -110,15 +110,18 @@ function is_subscriber_logged_in() {
 function render_block( $attributes ) {
 	Jetpack_Gutenberg::load_assets_as_required( __DIR__ );
 
-	$block_template      = '<div %1$s><a href="%2$s">%3$s</a></div>';
-	$redirect_to_current = isset( $attributes['redirectToCurrent'] ) && $attributes['redirectToCurrent'];
+	$block_template             = '<div %1$s><a href="%2$s">%3$s</a></div>';
+	$redirect_to_current        = ! empty( $attributes['redirectToCurrent'] );
+	$log_in_label               = ! empty( $attributes['logInLabel'] ) ? sanitize_text_field( $attributes['logInLabel'] ) : esc_html__( 'Log in', 'jetpack' );
+	$log_out_label              = ! empty( $attributes['logOutLabel'] ) ? sanitize_text_field( $attributes['logOutLabel'] ) : esc_html__( 'Log out', 'jetpack' );
+	$manage_subscriptions_label = ! empty( $attributes['manageSubscriptionsLabel'] ) ? sanitize_text_field( $attributes['manageSubscriptionsLabel'] ) : esc_html__( 'Manage subscriptions', 'jetpack' );
 
 	if ( ! is_subscriber_logged_in() ) {
 		return sprintf(
 			$block_template,
 			get_block_wrapper_attributes(),
 			get_subscriber_login_url( $redirect_to_current ? get_current_url() : '' ),
-			__( 'Log in', 'jetpack' )
+			$log_in_label
 		);
 	}
 
@@ -127,14 +130,14 @@ function render_block( $attributes ) {
 			$block_template,
 			get_block_wrapper_attributes(),
 			'https://wordpress.com/read/subscriptions',
-			__( 'Manage subscriptions', 'jetpack' )
+			$manage_subscriptions_label
 		);
 	}
 
 	return sprintf(
 		$block_template,
 		get_block_wrapper_attributes(),
 		wp_logout_url( $redirect_to_current ? get_current_url() : '' ),
-		__( 'Log out', 'jetpack' )
+		$log_out_label
 	);
 }