Merge pull request #13839 from guardian/lp-update-sdc-6.2.0

Update SDC to  6.2.0

Author: LAKSHMIRPILLAI

dotcom-rendering/package.json

@@ -54,7 +54,7 @@
 		"@guardian/shimport": "1.0.2",
 		"@guardian/source": "9.0.0",
 		"@guardian/source-development-kitchen": "17.0.0",
-		"@guardian/support-dotcom-components": "6.1.0",
+		"@guardian/support-dotcom-components": "6.2.0",
 		"@guardian/tsconfig": "0.2.0",
 		"@playwright/test": "1.45.3",
 		"@sentry/browser": "7.75.1",

dotcom-rendering/src/components/marketing/banners/designableBanner/stories/DesignableBanner.stories.tsx

@@ -3,11 +3,7 @@
  * This file was migrated from:
  * https://github.com/guardian/support-dotcom-components/blob/0a2439b701586a7a2cc60dce10b4d96cf7a828db/packages/modules/src/modules/banners/designableBanner/stories/DesignableBanner.stories.tsx
  */
-import {
-	SecondaryCtaType,
-	TickerCountType,
-	TickerEndType,
-} from '@guardian/support-dotcom-components';
+import { SecondaryCtaType } from '@guardian/support-dotcom-components';
 import type {
 	BannerDesignImage,
 	SelectedAmountsVariant,
@@ -55,13 +51,9 @@ export const Default: Story = {
 };
 
 const tickerSettings: TickerSettings = {
-	endType: TickerEndType.unlimited,
-	countType: TickerCountType.money,
 	currencySymbol: '£',
 	copy: {
 		countLabel: '',
-		goalReachedPrimary: '',
-		goalReachedSecondary: '',
 	},
 	tickerData: {
 		total: 500000,

dotcom-rendering/src/components/marketing/epics/ContributionsEpic.stories.tsx

@@ -4,11 +4,7 @@
  * https://github.com/guardian/support-dotcom-components/blob/a482b35a25ca59f66501c4de02de817046206298/packages/modules/src/modules/epics/ContributionsEpic.stories.tsx
  */
 import { css } from '@emotion/react';
-import {
-	SecondaryCtaType,
-	TickerCountType,
-	TickerEndType,
-} from '@guardian/support-dotcom-components';
+import { SecondaryCtaType } from '@guardian/support-dotcom-components';
 import type { Meta, StoryObj } from '@storybook/react';
 import lzstring from 'lz-string';
 import React from 'react';
@@ -198,13 +194,9 @@ export const WithTicker: Story = {
 		variant: {
 			...props.variant,
 			tickerSettings: {
-				endType: TickerEndType.unlimited,
-				countType: TickerCountType.money,
 				currencySymbol: '£',
 				copy: {
 					countLabel: 'Help us reach our end-of-year goal',
-					goalReachedPrimary: '',
-					goalReachedSecondary: '',
 				},
 				tickerData: {
 					total: 10000,
@@ -226,13 +218,9 @@ export const WithTickerAndWithAboveTopReaderArticleCount: Story = {
 				type: 'above',
 			},
 			tickerSettings: {
-				endType: TickerEndType.unlimited,
-				countType: TickerCountType.money,
 				currencySymbol: '£',
 				copy: {
 					countLabel: 'Help us reach our end-of-year goal',
-					goalReachedPrimary: '',
-					goalReachedSecondary: '',
 				},
 				tickerData: {
 					total: 10000,

dotcom-rendering/src/components/marketing/epics/ContributionsEpic.tsx

@@ -263,7 +263,6 @@ const ContributionsEpic: ReactComponent<EpicProps> = ({
 	tracking,
 	countryCode,
 	articleCounts,
-	onReminderOpen,
 	fetchEmail,
 	submitComponentEvent,
 	openCmp,
@@ -419,7 +418,6 @@ const ContributionsEpic: ReactComponent<EpicProps> = ({
 					tracking={tracking}
 					countryCode={countryCode}
 					articleCounts={articleCounts}
-					onReminderOpen={onReminderOpen}
 					fetchEmail={fetchEmail}
 					submitComponentEvent={submitComponentEvent}
 					amountsTestName={choiceCardAmounts?.testName}

dotcom-rendering/src/components/marketing/epics/ContributionsLiveblogEpic.stories.tsx

@@ -3,11 +3,7 @@
  * This file was migrated from:
  * https://github.com/guardian/support-dotcom-components/blob/9c3eae7cb0b159db4a1c40679d6b37710b0bb937/packages/modules/src/modules/epics/ContributionsLiveblogEpic.stories.tsx
  */
-import {
-	SecondaryCtaType,
-	TickerCountType,
-	TickerEndType,
-} from '@guardian/support-dotcom-components';
+import { SecondaryCtaType } from '@guardian/support-dotcom-components';
 import type { Meta, StoryObj } from '@storybook/react';
 import lzstring from 'lz-string';
 import React from 'react';
@@ -114,13 +110,9 @@ export const WithTicker: Story = {
 			secondaryCta: undefined,
 			showChoiceCards: true,
 			tickerSettings: {
-				endType: TickerEndType.unlimited,
-				countType: TickerCountType.money,
 				currencySymbol: '£',
 				copy: {
 					countLabel: 'Help us reach our end-of-year goal',
-					goalReachedPrimary: '',
-					goalReachedSecondary: '',
 				},
 				tickerData: {
 					total: 10000,

dotcom-rendering/src/components/marketing/epics/ContributionsLiveblogEpic.tsx

@@ -140,7 +140,6 @@ export const ContributionsLiveblogEpic: ReactComponent<EpicProps> = ({
 	articleCounts,
 	tracking,
 	submitComponentEvent,
-	onReminderOpen,
 	fetchEmail,
 }: EpicProps): JSX.Element => {
 	const { newsletterSignup, tickerSettings } = variant;
@@ -221,7 +220,6 @@ export const ContributionsLiveblogEpic: ReactComponent<EpicProps> = ({
 						tracking={tracking}
 						countryCode={countryCode}
 						articleCounts={articleCounts}
-						onReminderOpen={onReminderOpen}
 						fetchEmail={fetchEmail}
 						submitComponentEvent={submitComponentEvent}
 					/>

dotcom-rendering/src/components/marketing/epics/ctas/ContributionsEpicCtasContainer.tsx

@@ -7,10 +7,6 @@ import type { SupportTier } from '../utils/threeTierChoiceCardAmounts';
 import { ContributionsEpicButtons } from './ContributionsEpicButtons';
 import { ContributionsEpicReminder } from './ContributionsEpicReminder';
 
-interface OnReminderOpen {
-	buttonCopyAsString: string;
-}
-
 type Props = EpicProps & {
 	amountsTestName?: string;
 	amountsVariantName?: string;
@@ -23,7 +19,6 @@ export const ContributionsEpicCtasContainer: ReactComponent<Props> = ({
 	articleCounts,
 	tracking,
 	submitComponentEvent,
-	onReminderOpen,
 	fetchEmail,
 	amountsTestName,
 	amountsVariantName,
@@ -87,18 +82,6 @@ export const ContributionsEpicCtasContainer: ReactComponent<Props> = ({
 				tracking={tracking}
 				countryCode={countryCode}
 				onOpenReminderClick={(): void => {
-					const buttonCopyAsString = showReminderFields?.reminderCta
-						.toLowerCase()
-						.replace(/\s/g, '-');
-
-					// This callback lets the platform react to the user interaction with the
-					// 'Remind me' button
-					if (onReminderOpen) {
-						onReminderOpen({
-							buttonCopyAsString,
-						} as OnReminderOpen);
-					}
-
 					if (fetchEmail) {
 						void fetchEmail().then((resolvedEmail) => {
 							if (resolvedEmail) {