export function PaymentTsAndCs()

in support-frontend/assets/pages/supporter-plus-landing/components/paymentTsAndCs.tsx [117:253]


export function PaymentTsAndCs({
	productKey,
	billingPeriod,
	countryGroupId,
	promotion,
	thresholdAmount = 0,
}: PaymentTsAndCsProps): JSX.Element {
	const billingPeriodSingular = billingPeriodNoun(billingPeriod).toLowerCase();
	const billingPeriodPlural = billingPeriodTitle(billingPeriod).toLowerCase();

	const isSundayOnlynewsletterSubscription = isSundayOnlyNewspaperSub(
		productKey,
		billingPeriod,
	);
	if (isSundayOnlynewsletterSubscription) {
		return (
			<div css={container}>
				The Observer is owned by Tortoise Media. By proceeding, you agree to
				Tortoise Media’s {termsLink('Terms & Conditions', observerLinks.TERMS)}.
				We will share your contact and subscription details with our fulfilment
				partners to provide you with your subscription card. To find out more
				about what personal data Tortoise Media will collect and how it will be
				used, please visit Tortoise Media’s{' '}
				{termsLink('Privacy Policy', observerLinks.PRIVACY)}.
			</div>
		);
	}

	const paperHomeDeliveryTsAndCs = `We will share your contact and subscription details with our fulfilment partners.`;
	const paperNationalDeliverySubscriptionTsAndCs = `We will share your contact and subscription details with our fulfilment partners to provide you with your subscription card.`;
	const guardianWeeklyPromo = (
		<div>
			Offer subject to availability. Guardian News and Media Ltd ("GNM")
			reserves the right to withdraw this promotion at any time. Full promotion
			terms and conditions for our{' '}
			{termsLink('monthly', guardianWeeklyPromoTermsLink)} and{' '}
			{termsLink('annual', guardianWeeklyPromoTermsLink)} offers.
		</div>
	);
	const productLabel = productCatalogDescription[productKey].label;
	const paymentTsAndCs: Partial<Record<ActiveProductKey, JSX.Element>> = {
		DigitalSubscription: (
			<div>
				Payment taken after the first 14 day free trial. At the end of the free
				trial period your subscription will auto-renew, and you will be charged,
				each month at the full price of £14.99 per month or £149 per year unless
				you cancel. You can cancel at any time before your next renewal date.
				Cancellation will take effect at the end of your current subscription
				month. To cancel, go to{' '}
				<a href={'http://manage.theguardian.com/'}>Manage My Account</a> or see
				our {termsLink('Terms', digitalSubscriptionTermsLink)}.
			</div>
		),
		GuardianAdLite: (
			<div>
				Your Guardian Ad-Lite subscription will auto-renew each{' '}
				{billingPeriodSingular} unless cancelled. Your first payment will be
				taken on day 15 after signing up but you will start to receive your
				Guardian Ad-Lite benefits when you sign up. Unless you cancel,
				subsequent monthly payments will be taken on this date using your chosen
				payment method. You can cancel your subscription at any time before your
				next renewal date. If you cancel your Guardian Ad-Lite 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
				monthly payment period. To cancel, go to {ManageMyAccountLink} or see
				our Guardian Ad-Lite {termsLink('Terms', guardianAdLiteTermsLink)}.
			</div>
		),
		SupporterPlus: (
			<div>
				If you pay at least{' '}
				{productLegal(
					countryGroupId,
					billingPeriod,
					' per ',
					thresholdAmount,
					promotion,
				)}
				, you will receive the {productLabel} benefits on a subscription basis.
				If you increase your payments per {billingPeriodSingular}, these
				additional amounts will be separate {billingPeriodPlural} voluntary
				financial contributions to the Guardian. The {productLabel} subscription
				and any contributions will auto-renew each {billingPeriodSingular}. You
				will be charged the subscription and contribution amounts using your
				chosen payment method at each renewal unless you cancel. You can cancel
				your subscription or change your contributions at any time before your
				next renewal date. If you cancel within 14 days of taking out a{' '}
				{productLabel} subscription, you’ll receive a full refund (including of
				any contributions) and your subscription and any contribution will stop
				immediately. Cancellation of your subscription (which will also cancel
				any contribution) or cancellation of your contribution made after 14
				days will take effect at the end of your current {billingPeriodPlural}{' '}
				payment period. To cancel, go to {ManageMyAccountLink} or see our{' '}
				{termsLink('Terms', supporterPlusTermsLink)}.
			</div>
		),
		TierThree: (
			<div>
				<p>
					By signing up, you are taking out a Digital + print subscription. Your
					Digital + print subscription will auto-renew each{' '}
					{billingPeriodSingular} 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{' '}
					{billingPeriodPlural} 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 Digital + print 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 {billingPeriodPlural} payment
					period. To cancel go to&nbsp;
					{ManageMyAccountLink} or see our Digital + print{' '}
					{termsLink('Terms', tierThreeTermsLink)}.
				</p>
			</div>
		),
		HomeDelivery: <div>{paperHomeDeliveryTsAndCs}</div>,
		NationalDelivery: <div>{paperNationalDeliverySubscriptionTsAndCs}</div>,
		SubscriptionCard: <div>{paperNationalDeliverySubscriptionTsAndCs}</div>,
		GuardianWeeklyDomestic: <> {promotion && guardianWeeklyPromo}</>,
		GuardianWeeklyRestOfWorld: <> {promotion && guardianWeeklyPromo}</>,
	};
	return (
		<div css={container}>
			<FinePrint mobileTheme={'dark'}>
				{paymentTsAndCs[productKey]}
				<FooterTsAndCs
					productKey={productKey}
					countryGroupId={countryGroupId}
				/>
			</FinePrint>
		</div>
	);
}