From e286cb69a3b3909d1817fcd9d0fce7534a91d56a Mon Sep 17 00:00:00 2001
From: Paul Dempsey <76729591+paul-daniel-dempsey@users.noreply.github.com>
Date: Thu, 6 Feb 2025 17:52:06 +0000
Subject: [PATCH] bug: TierThree unused & duplicated DirectDebit TsCs code
 removed

---
 .../directDebit/directDebitTerms.tsx          | 19 ++---
 .../subscriptionCheckouts/tierThreeTerms.tsx  | 75 ++++++++-----------
 2 files changed, 37 insertions(+), 57 deletions(-)

diff --git a/support-frontend/assets/components/subscriptionCheckouts/directDebit/directDebitTerms.tsx b/support-frontend/assets/components/subscriptionCheckouts/directDebit/directDebitTerms.tsx
index 8d7bba0182..1caa2dfa6b 100644
--- a/support-frontend/assets/components/subscriptionCheckouts/directDebit/directDebitTerms.tsx
+++ b/support-frontend/assets/components/subscriptionCheckouts/directDebit/directDebitTerms.tsx
@@ -1,26 +1,21 @@
 import { css } from '@emotion/react';
-import { textSans12, textSans14 } from '@guardian/source/foundations';
-
-const directDebitTerms = (isThreeTier?: true) => css`
-	${isThreeTier ? textSans12 : textSans14};
+import { textSans14 } from '@guardian/source/foundations';
 
+const directDebitTerms = css`
+	${textSans14};
 	a,
 	a:visited {
-		color: ${isThreeTier ? '#606060' : 'inherit'};
+		color: inherit;
 	}
 	p {
 		margin-top: 10px;
-		color: ${isThreeTier ? '#606060' : 'inherit'};
+		color: inherit;
 	}
 `;
 
-interface DirectDebitTermsProps {
-	isThreeTier?: true;
-}
-
-function DirectDebitTerms({ isThreeTier }: DirectDebitTermsProps) {
+function DirectDebitTerms() {
 	return (
-		<div css={directDebitTerms(isThreeTier)}>
+		<div css={directDebitTerms}>
 			<p>
 				<strong>Payments by GoCardless</strong>
 				<br />
diff --git a/support-frontend/assets/components/subscriptionCheckouts/tierThreeTerms.tsx b/support-frontend/assets/components/subscriptionCheckouts/tierThreeTerms.tsx
index 9c8b4ed0eb..1053a834dc 100644
--- a/support-frontend/assets/components/subscriptionCheckouts/tierThreeTerms.tsx
+++ b/support-frontend/assets/components/subscriptionCheckouts/tierThreeTerms.tsx
@@ -1,10 +1,6 @@
 import { css } from '@emotion/react';
 import { textSans12 } from '@guardian/source/foundations';
-import { FormSection } from 'components/checkoutForm/checkoutForm';
 import { StripeDisclaimer } from 'components/stripe/stripeDisclaimer';
-import DirectDebitTerms from 'components/subscriptionCheckouts/directDebit/directDebitTerms';
-import type { PaymentMethod } from 'helpers/forms/paymentMethods';
-import { DirectDebit } from 'helpers/forms/paymentMethods';
 import { privacyLink, tierThreeTermsLink } from 'helpers/legal';
 import { ManageMyAccountLink } from '../../pages/supporter-plus-landing/components/manageMyAccountLink';
 
@@ -29,52 +25,41 @@ const termsLink = (linkText: string, url: string) => (
 
 export default function TierThreeTerms(props: {
 	paymentFrequency: 'month' | 'year';
-	paymentMethod?: PaymentMethod;
 }): JSX.Element {
 	const paymentFrequencyName =
 		props.paymentFrequency === 'year' ? 'annual' : 'monthly';
 	const productName = 'Digital + print';
 
 	return (
-		<>
-			<FormSection>
-				<div css={tierThreeTerms}>
-					<p>
-						By signing up, you are taking out a {productName} subscription. Your{' '}
-						{productName} subscription will auto-renew each{' '}
-						{props.paymentFrequency} unless cancelled. Your first payment will
-						be taken on the publication date of your first Guardian Weekly
-						magazine (as shown in the checkout) but you will start to receive
-						your digital benefits when you sign up. Unless you cancel,
-						subsequent {paymentFrequencyName} payments will be taken on this
-						date using your chosen payment method. You can cancel your Digital +
-						print subscription at any time before your next renewal date. If you
-						cancel your {productName} subscription within 14 days of signing up,
-						your subscription will stop immediately and we will not take the
-						first payment from you. Cancellation of your subscription after 14
-						days will take effect at the end of your current{' '}
-						{paymentFrequencyName} payment period. To cancel go to&nbsp;
-						{ManageMyAccountLink} or see our {productName}{' '}
-						{termsLink('Terms', tierThreeTermsLink)}.
-					</p>
-					<p>
-						By proceeding, you are agreeing to the {productName}{' '}
-						{termsLink('Terms', tierThreeTermsLink)}.
-					</p>
-					<p>
-						To find out what personal data we collect and how we use it, please
-						visit our {termsLink('Privacy Policy', privacyLink)}.
-					</p>
-					<p>
-						<StripeDisclaimer />
-					</p>
-				</div>
-			</FormSection>
-			{props.paymentMethod === DirectDebit && (
-				<FormSection>
-					<DirectDebitTerms isThreeTier />
-				</FormSection>
-			)}
-		</>
+		<div css={tierThreeTerms}>
+			<p>
+				By signing up, you are taking out a {productName} subscription. Your{' '}
+				{productName} subscription will auto-renew each {props.paymentFrequency}{' '}
+				unless cancelled. Your first payment will be taken on the publication
+				date of your first Guardian Weekly magazine (as shown in the checkout)
+				but you will start to receive your digital benefits when you sign up.
+				Unless you cancel, subsequent {paymentFrequencyName} payments will be
+				taken on this date using your chosen payment method. You can cancel your
+				Digital + print subscription at any time before your next renewal date.
+				If you cancel your {productName} subscription within 14 days of signing
+				up, your subscription will stop immediately and we will not take the
+				first payment from you. Cancellation of your subscription after 14 days
+				will take effect at the end of your current {paymentFrequencyName}{' '}
+				payment period. To cancel go to&nbsp;
+				{ManageMyAccountLink} or see our {productName}{' '}
+				{termsLink('Terms', tierThreeTermsLink)}.
+			</p>
+			<p>
+				By proceeding, you are agreeing to the {productName}{' '}
+				{termsLink('Terms', tierThreeTermsLink)}.
+			</p>
+			<p>
+				To find out what personal data we collect and how we use it, please
+				visit our {termsLink('Privacy Policy', privacyLink)}.
+			</p>
+			<p>
+				<StripeDisclaimer />
+			</p>
+		</div>
 	);
 }