flag more unused

Author: sookburt

dotcom-rendering/src/components/marketing/banners/designableBanner/components/choiceCards/ChoiceCardInteractive.tsx

@@ -12,14 +12,16 @@ import type {
 	ContributionFrequency,
 	SelectedAmountsVariant,
 } from '@guardian/support-dotcom-components/dist/shared/types';
-import type { ChoiceCardSelection } from '../../../../lib/choiceCards';
-import { contributionType } from '../../../../lib/choiceCards';
+import type { ChoiceCardSelection_unused } from '../../../../lib/choiceCards';
+import { contributionType_unused } from '../../../../lib/choiceCards';
 import type { ReactComponent } from '../../../../lib/ReactComponent';
 import type { ChoiceCardSettings } from './ChoiceCards';
 
 interface ChoiceCardInteractiveProps {
-	selection?: ChoiceCardSelection;
-	setSelectionsCallback: (choiceCardSelection: ChoiceCardSelection) => void;
+	selection?: ChoiceCardSelection_unused;
+	setSelectionsCallback: (
+		choiceCardSelection: ChoiceCardSelection_unused,
+	) => void;
 	submitComponentEvent?: (event: ComponentEvent) => void;
 	currencySymbol: string;
 	amountsTest?: SelectedAmountsVariant;
@@ -168,7 +170,7 @@ export const ChoiceCardInteractive_unused: ReactComponent<
 					key={amount}
 					value={`${amount}`}
 					label={`${currencySymbol}${amount} ${
-						contributionType[selection.frequency].suffix
+						contributionType_unused[selection.frequency].suffix
 					}`}
 					id={`${componentId}-${amount}`}
 					checked={selection.amount === amount}
@@ -220,7 +222,7 @@ export const ChoiceCardInteractive_unused: ReactComponent<
 	const generateChoiceCardFrequencyTab = (
 		frequency: ContributionFrequency,
 	) => {
-		const label = contributionType[frequency].label;
+		const label = contributionType_unused[frequency].label;
 		return (
 			<ChoiceCard
 				key={label}

dotcom-rendering/src/components/marketing/banners/designableBanner/components/choiceCards/ChoiceCards.tsx

@@ -11,7 +11,7 @@ import type { SelectedAmountsVariant } from '@guardian/support-dotcom-components
 import { useEffect } from 'react';
 import { useIsInView } from '../../../../../../lib/useIsInView';
 import type { ContentType } from '../../../../hooks/useChoiceCards';
-import type { ChoiceCardSelection } from '../../../../lib/choiceCards';
+import type { ChoiceCardSelection_unused } from '../../../../lib/choiceCards';
 import type { ReactComponent } from '../../../../lib/ReactComponent';
 import { PaymentCards_unused } from '../../../common/PaymentCards';
 import { ChoiceCardInteractive_unused } from './ChoiceCardInteractive';
@@ -26,9 +26,11 @@ export interface ChoiceCardSettings {
 	buttonSelectBorderColour?: string;
 }
 
-interface ChoiceCardProps {
-	selection?: ChoiceCardSelection;
-	setSelectionsCallback: (choiceCardSelection: ChoiceCardSelection) => void;
+interface ChoiceCardProps_unused {
+	selection?: ChoiceCardSelection_unused;
+	setSelectionsCallback: (
+		choiceCardSelection: ChoiceCardSelection_unused,
+	) => void;
 	submitComponentEvent?: (event: ComponentEvent) => void;
 	currencySymbol: string;
 	componentId: string;
@@ -91,7 +93,7 @@ const styles = {
 	`,
 };
 
-export const ChoiceCards_unused: ReactComponent<ChoiceCardProps> = ({
+export const ChoiceCards_unused: ReactComponent<ChoiceCardProps_unused> = ({
 	selection,
 	setSelectionsCallback,
 	submitComponentEvent,
@@ -103,7 +105,7 @@ export const ChoiceCards_unused: ReactComponent<ChoiceCardProps> = ({
 	getCtaUrl,
 	cssCtaOverides,
 	onCtaClick,
-}: ChoiceCardProps) => {
+}: ChoiceCardProps_unused) => {
 	const [hasBeenSeen, setNode] = useIsInView({
 		debounce: true,
 		threshold: 0,

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

@@ -15,8 +15,8 @@ import type {
 } from '@guardian/support-dotcom-components/dist/shared/types';
 import { useEffect } from 'react';
 import { useIsInView } from '../../../../lib/useIsInView';
-import { contributionType } from '../../lib/choiceCards';
-import type { ChoiceCardSelection } from '../../lib/choiceCards';
+import { contributionType_unused } from '../../lib/choiceCards';
+import type { ChoiceCardSelection_unused } from '../../lib/choiceCards';
 import type { ReactComponent } from '../../lib/ReactComponent';
 
 // CSS Styling
@@ -47,23 +47,25 @@ const container = css`
 
 // ContributionsEpicChoiceCards - exported component
 // -------------------------------------------
-interface EpicChoiceCardProps {
-	selection?: ChoiceCardSelection;
-	setSelectionsCallback: (choiceCardSelection: ChoiceCardSelection) => void;
+interface EpicChoiceCardProps_unused {
+	selection?: ChoiceCardSelection_unused;
+	setSelectionsCallback: (
+		choiceCardSelection: ChoiceCardSelection_unused,
+	) => void;
 	submitComponentEvent?: (event: ComponentEvent) => void;
 	currencySymbol: string;
 	amountsTest: SelectedAmountsVariant;
 }
 
 export const ContributionsEpicChoiceCards_unused: ReactComponent<
-	EpicChoiceCardProps
+	EpicChoiceCardProps_unused
 > = ({
 	selection,
 	setSelectionsCallback,
 	submitComponentEvent,
 	currencySymbol,
 	amountsTest,
-}: EpicChoiceCardProps) => {
+}: EpicChoiceCardProps_unused) => {
 	const [hasBeenSeen, setNode] = useIsInView({
 		debounce: true,
 		threshold: 0,
@@ -133,7 +135,7 @@ export const ContributionsEpicChoiceCards_unused: ReactComponent<
 				<ChoiceCard
 					value={`${amount}`}
 					label={`${currencySymbol}${amount} ${
-						contributionType[selection.frequency].suffix
+						contributionType_unused[selection.frequency].suffix
 					}`}
 					id={`contributions-epic-${amount}`}
 					checked={selection.amount === amount}
@@ -185,7 +187,7 @@ export const ContributionsEpicChoiceCards_unused: ReactComponent<
 	) => {
 		return (
 			<ChoiceCard
-				label={contributionType[frequency].label}
+				label={contributionType_unused[frequency].label}
 				value={frequency}
 				id={`contributions-epic-${frequency}`}
 				checked={selection.frequency === frequency}

dotcom-rendering/src/components/marketing/hooks/useChoiceCards.ts

@@ -15,7 +15,7 @@ import { useEffect, useState } from 'react';
 import type { BannerEnrichedCta } from '../banners/common/types';
 import type { SupportTier } from '../epics/utils/threeTierChoiceCardAmounts';
 import { threeTierChoiceCardAmounts } from '../epics/utils/threeTierChoiceCardAmounts';
-import type { ChoiceCardSelection } from '../lib/choiceCards';
+import type { ChoiceCardSelection_unused } from '../lib/choiceCards';
 import {
 	addChoiceCardsOneTimeParams,
 	addChoiceCardsProductParams,
@@ -51,14 +51,16 @@ const useChoiceCards_unused = (
 	primaryCtaMain: BannerEnrichedCta | null,
 	primaryCtaMobile: BannerEnrichedCta | null,
 ): {
-	choiceCardSelection: ChoiceCardSelection | undefined;
-	setChoiceCardSelection: (choiceCardSelection: ChoiceCardSelection) => void;
+	choiceCardSelection: ChoiceCardSelection_unused | undefined;
+	setChoiceCardSelection: (
+		choiceCardSelection: ChoiceCardSelection_unused,
+	) => void;
 	getCtaText: (contentType: ContentType) => string;
 	getCtaUrl: (contentType: ContentType) => string;
 	currencySymbol: string;
 } => {
 	const [choiceCardSelection, setChoiceCardSelection] = useState<
-		ChoiceCardSelection | undefined
+		ChoiceCardSelection_unused | undefined
 	>();
 
 	useEffect(() => {

dotcom-rendering/src/components/marketing/lib/choiceCards.ts

@@ -12,12 +12,12 @@ import type {
 	ChoiceCardsSettings,
 } from '@guardian/support-dotcom-components/dist/shared/types/props/choiceCards';
 
-export interface ChoiceCardSelection {
+export interface ChoiceCardSelection_unused {
 	frequency: ContributionFrequency;
 	amount: number | 'other';
 }
 
-export const contributionType: ContributionType = {
+export const contributionType_unused: ContributionType = {
 	ONE_OFF: {
 		label: 'One-time',
 		suffix: '',