rename DesignableBannerV2 to DesignableBanner across the board, duplicate import in ReaderRevenueBanner till fixed in SDC

Author: sookburt

dotcom-rendering/src/components/StickyBottomBanner/ReaderRevenueBanner.tsx

@@ -312,9 +312,9 @@ export const ReaderRevenueBanner = ({
 			  import(`../marketing/banners/signInPrompt/SignInPromptBanner`)
 			: name === 'DesignableBannerV2'
 			? /* webpackChunkName: "designable-banner-v2" */
-			  import(`../marketing/banners/designableBanner/DesignableBannerV2`)
+			  import(`../marketing/banners/designableBanner/DesignableBanner`)
 			: /* webpackChunkName: "designable-banner" */
-			  import(`../marketing/banners/designableBanner/DesignableBannerV2`)
+			  import(`../marketing/banners/designableBanner/DesignableBanner`)
 		)
 			.then((bannerModule: { [key: string]: React.ElementType }) => {
 				setBanner(() => bannerModule[name] ?? null);

…/designableBanner/DesignableBannerV2.tsx …rs/designableBanner/DesignableBanner.tsxdotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBannerV2.tsx renamed to dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBannerV2.tsx renamed to dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx

@@ -5,7 +5,6 @@ import type {
 } from '@guardian/support-dotcom-components/dist/shared/types';
 import type { Meta, StoryObj } from '@storybook/react';
 import lzstring from 'lz-string';
-import { DesignableBannerUnvalidatedV2 as DesignableBannerV2 } from '../../../banners/designableBanner/DesignableBannerV2';
 import { choiceCardsSettings } from '../../../lib/storybook';
 import {
 	contentNoHeading,
@@ -15,12 +14,13 @@ import {
 	stringToHexColour,
 	tracking,
 } from '../../utils/storybook';
+import { DesignableBannerUnvalidated as DesignableBanner } from '../DesignableBanner';
 
 type WithJsonProps<T> = T & { json?: string };
-type Props = WithJsonProps<React.ComponentProps<typeof DesignableBannerV2>>;
+type Props = WithJsonProps<React.ComponentProps<typeof DesignableBanner>>;
 const meta: Meta<Props> = {
-	component: DesignableBannerV2,
-	title: 'Components/marketing/DesignableBannerV2',
+	component: DesignableBanner,
+	title: 'Components/marketing/DesignableBanner',
 	args: {
 		...props,
 		json: '',
@@ -32,7 +32,7 @@ const meta: Meta<Props> = {
 
 		return (
 			<div>
-				<DesignableBannerV2 {...args} {...jsonProps} />
+				<DesignableBanner {...args} {...jsonProps} />
 			</div>
 		);
 	},
@@ -41,7 +41,7 @@ export default meta;
 
 type Story = StoryObj<Props>;
 export const Default: Story = {
-	name: 'Basic DesignableBannerV2',
+	name: 'Basic DesignableBanner',
 };
 
 const regularChoiceCardAmounts: SelectedAmountsVariant = {
@@ -194,7 +194,7 @@ export const MainImage: Story = {
 };
 
 export const DesignThreeAnimatedHeaderImage: Story = {
-	name: 'DesignableBanner with animated header image',
+	name: 'With animated header image',
 	args: {
 		...meta.args,
 		content: contentNoHeading,