copy change to make the cancellation confirmation page title more suc…

…cinct

fix for the reset of the page title for the cancellation offer page

client/components/mma/cancel/CancellationSummary.tsx

@@ -36,9 +36,10 @@ const actuallyCancelled = (
 						`,
 					]}
 				>
-					{`Your ${productType.friendlyName(
-						cancelledProductDetail,
-					)} is cancelled`}
+					{`Your ${
+						productType.shortFriendlyName ||
+						productType.friendlyName(cancelledProductDetail)
+					} is cancelled`}
 				</Heading>
 				{productType.cancellation &&
 					!productType.cancellation.shouldHideSummaryMainPara && (

client/components/mma/cancel/cancellationSaves/supporterplus/SupporterPlusOffer.tsx

@@ -9,6 +9,7 @@ import { useLocation, useNavigate } from 'react-router-dom';
 import { measure } from '@/client/styles/typography';
 import type { DiscountPreviewResponse } from '@/client/utilities/discountPreview';
 import { getMainPlan } from '@/shared/productResponse';
+import { GROUPED_PRODUCT_TYPES } from '@/shared/productTypes';
 import type { DeliveryRecordDetail } from '../../../delivery/records/deliveryRecordsApi';
 import type { OutstandingHolidayStop } from '../../../holiday/HolidayStopApi';
 import { BenefitsSection } from '../../../shared/benefits/BenefitsSection';
@@ -48,6 +49,13 @@ export const SupporterPlusOffer = () => {
 	const productType = cancellationContext.productType;
 	const mainPlan = getMainPlan(productDetail.subscription);
 
+	const pageTitleContext = useContext(
+		CancellationPageTitleContext,
+	) as CancellationPageTitleInterface;
+
+	const groupedProductType =
+		GROUPED_PRODUCT_TYPES[productType.groupedProductType];
+
 	const currentSubscriptionBoxCss = css`
 		display: flex;
 		justify-content: space-between;
@@ -84,12 +92,11 @@ export const SupporterPlusOffer = () => {
 		false,
 	);
 
-	const pageTitleContext = useContext(
-		CancellationPageTitleContext,
-	) as CancellationPageTitleInterface;
-
 	pageTitleContext.setPageTitle(
-		`Cancel ${productType.shortFriendlyName || productType.friendlyName()}`,
+		`Cancel ${
+			groupedProductType.shortFriendlyName ||
+			groupedProductType.friendlyName()
+		}`,
 	); // reset the page title here incase you are coming back from the offer review page where the page title was changed
 
 	return (

cypress/tests/mocked/parallel-2/cancelSupporterPlus.cy.ts

@@ -136,7 +136,7 @@ describe('Cancel Supporter Plus', () => {
 		cy.wait('@get_cancelled_product');
 
 		cy.findByRole('heading', {
-			name: 'Your all-access digital subscription is cancelled',
+			name: 'Your all-access digital is cancelled',
 		});
 
 		cy.get('@get_cancellation_date.all').should('have.length', 0);
@@ -244,7 +244,7 @@ describe('Cancel Supporter Plus', () => {
 			cy.wait('@get_cancelled_product');
 
 			cy.findByRole('heading', {
-				name: 'Monthly support + extras cancelled',
+				name: 'Your all-access digital is cancelled',
 			});
 
 			cy.get('@get_cancellation_date.all').should('have.length', 0);

shared/productTypes.ts

@@ -621,6 +621,7 @@ export const PRODUCT_TYPES: { [productKey in ProductTypeKeys]: ProductType } = {
 	supporterplus: {
 		productTitle: () => 'All-access digital',
 		friendlyName: () => 'all-access digital subscription',
+		shortFriendlyName: 'all-access digital',
 		productType: 'supporterplus',
 		groupedProductType: 'recurringSupport',
 		allProductsProductTypeFilterString: 'SupporterPlus',