added feature flag for signup component

Author: Marianaguardian

dotcom-rendering/src/components/EmailSignUpWrapper.importable.tsx

@@ -25,6 +25,8 @@ interface EmailSignUpWrapperProps extends EmailSignUpProps {
 	idApiUrl: string;
 	/** You should only set this to true if the privacy message will be shown elsewhere on the page */
 	hidePrivacyMessage?: boolean;
+	/** Feature flag to enable hiding newsletter signup for already subscribed users */
+	hideNewsletterForSubscribers?: boolean;
 }
 
 /**
@@ -41,9 +43,14 @@ export const EmailSignUpWrapper = ({
 	index,
 	listId,
 	idApiUrl,
+	hideNewsletterForSubscribers = false,
 	...emailSignUpProps
 }: EmailSignUpWrapperProps) => {
-	const isSubscribed = useNewsletterSubscription(listId, idApiUrl);
+	const isSubscribed = useNewsletterSubscription(
+		listId,
+		idApiUrl,
+		hideNewsletterForSubscribers,
+	);
 
 	// Show placeholder while subscription status is being determined
 	// This prevents layout shift in both subscribed and non-subscribed cases

dotcom-rendering/src/components/EmailSignUpWrapper.stories.tsx

@@ -23,6 +23,7 @@ const defaultArgs = {
 	successDescription: "We'll send you The Recap every week",
 	theme: 'sport',
 	idApiUrl: 'https://idapi.theguardian.com',
+	hideNewsletterForSubscribers: true, // Feature flag enabled by default in stories
 } satisfies Story['args'];
 
 // Loading state - shows placeholder while auth status is being determined
@@ -93,4 +94,30 @@ export const SignedInAlreadySubscribed: Story = {
 	},
 };
 
+// Feature flag disabled - always shows signup form regardless of subscription status
+// When hideNewsletterForSubscribers is false, the subscription check is skipped
+export const FeatureFlagDisabled: Story = {
+	args: {
+		hidePrivacyMessage: false,
+		...defaultArgs,
+		hideNewsletterForSubscribers: false,
+	},
+	async beforeEach() {
+		// Even though we mock this to return true (subscribed),
+		// the feature flag being disabled means it won't be checked
+		mocked(useNewsletterSubscription).mockReturnValue(false);
+		mocked(useIsSignedIn).mockReturnValue(true);
+		mocked(lazyFetchEmailWithTimeout).mockReturnValue(() =>
+			Promise.resolve('[email protected]'),
+		);
+	},
+	parameters: {
+		docs: {
+			description: {
+				story: 'When the hideNewsletterForSubscribers feature flag is disabled, the signup form is always shown regardless of subscription status.',
+			},
+		},
+	},
+};
+
 export default meta;

dotcom-rendering/src/lib/renderElement.tsx

@@ -577,6 +577,8 @@ export const renderElement = ({
 				successDescription: element.newsletter.successDescription,
 				theme: element.newsletter.theme,
 				idApiUrl: idApiUrl ?? '',
+				hideNewsletterForSubscribers:
+					!!switches.hideNewsletterForSubscribers,
 			};
 			if (isListElement || isTimeline) return null;
 			return (