Subscribe block: Hide social followers toggle when showSubscribersTot…

…al is not on or isPublicizeEnabled is false (#28944)

* Don't show "Include social followers in count" when showSubscribersTotal is not toggled or isPublicizeEnabled is false

projects/plugins/jetpack/changelog/subscription-block-social-toggle

@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Don't show "Include social followers in count" when showSubscribersTotal is not toggled or isPublicizeEnabled is false

projects/plugins/jetpack/extensions/blocks/subscriptions/controls.js

@@ -1,4 +1,5 @@
 import { numberFormat } from '@automattic/jetpack-components';
+import { usePublicizeConfig } from '@automattic/jetpack-publicize-components';
 import { isSimpleSite } from '@automattic/jetpack-shared-extension-utils';
 import {
 	ContrastChecker,
@@ -54,6 +55,8 @@ export default function SubscriptionControls( {
 	buttonWidth,
 	successMessage,
 } ) {
+	const { isPublicizeEnabled } = usePublicizeConfig();
+
 	return (
 		<>
 			{ isNewsletterFeatureEnabled() && <PaidPlanPanel /> }
@@ -240,14 +243,17 @@ export default function SubscriptionControls( {
 						}
 					} }
 				/>
-				<ToggleControl
-					disabled={ ! showSubscribersTotal }
-					label={ __( 'Include social followers in count', 'jetpack' ) }
-					checked={ includeSocialFollowers }
-					onChange={ () => {
-						setAttributes( { includeSocialFollowers: ! includeSocialFollowers } );
-					} }
-				/>
+				{ showSubscribersTotal && isPublicizeEnabled ? (
+					<ToggleControl
+						disabled={ ! showSubscribersTotal }
+						label={ __( 'Include social followers in count', 'jetpack' ) }
+						checked={ includeSocialFollowers }
+						onChange={ () => {
+							setAttributes( { includeSocialFollowers: ! includeSocialFollowers } );
+						} }
+					/>
+				) : null }
+
 				<ToggleControl
 					label={ __( 'Place button on new line', 'jetpack' ) }
 					checked={ buttonOnNewLine }

projects/plugins/jetpack/extensions/blocks/subscriptions/test/controls.js

@@ -27,6 +27,8 @@ jest.mock( '@wordpress/block-editor/build/components/use-setting', () => {
 	};
 } );
 
+jest.mock( '@wordpress/notices', () => {}, { virtual: true } );
+
 const setButtonBackgroundColor = jest.fn();
 const setGradient = jest.fn();
 const setTextColor = jest.fn();

projects/plugins/jetpack/extensions/blocks/subscriptions/test/edit.js

@@ -54,6 +54,8 @@ jest.mock( '@wordpress/block-editor', () => ( {
 	} ),
 } ) );
 
+jest.mock( '@wordpress/notices', () => {}, { virtual: true } );
+
 describe( 'SubscriptionEdit', () => {
 	test( 'adds correct classes to container', async () => {
 		const { container } = render( <SubscriptionEdit { ...defaultProps } /> );

projects/plugins/jetpack/extensions/blocks/subscriptions/test/validate.js

@@ -5,4 +5,6 @@ import runBlockFixtureTests from '../../../shared/test/block-fixtures';
 // The main block should be the first in the array.
 const blocks = [ { name: `jetpack/${ name }`, settings } ];
 
+jest.mock( '@wordpress/notices', () => {}, { virtual: true } );
+
 runBlockFixtureTests( `jetpack/${ name }`, blocks, __dirname );

projects/plugins/jetpack/tests/jest.config.extensions.js

@@ -8,4 +8,8 @@ module.exports = {
 		...baseConfig.testPathIgnorePatterns,
 		'extensions/shared/test/block-fixtures.js',
 	],
+	moduleNameMapper: {
+		...baseConfig.moduleNameMapper,
+		'\\.(css|less|sass|scss)$': '<rootDir>/tests/styles-mock.js',
+	},
 };

projects/plugins/jetpack/tests/styles-mock.js

@@ -0,0 +1 @@
+module.exports = {};