Refactor banner component

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

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

dotcom-rendering/src/components/marketing/banners/common/BannerWrapper.tsx

@@ -331,6 +331,7 @@ const withBannerData =
 					onNotNowClick,
 					onCollapseClick,
 					onExpandClick,
+					bannerChannel,
 					content: {
 						mainContent: renderedContent,
 						mobileContent: renderedMobileContent ?? renderedContent,
@@ -358,7 +359,7 @@ const withBannerData =
 				);
 			}
 		} catch (err) {
-			console.log(err);
+			console.error(err);
 		}
 
 		return <></>;

dotcom-rendering/src/components/marketing/banners/common/types.tsx

@@ -9,6 +9,7 @@ import type { ReminderFields } from '@guardian/support-dotcom-components/dist/sh
 import type {
 	ArticleCounts,
 	ArticleCountType,
+	BannerChannel,
 	ConfigurableDesign,
 	SelectedAmountsVariant,
 	SeparateArticleCount,
@@ -65,6 +66,7 @@ export interface BannerRenderProps {
 	onSignInClick?: () => void;
 	onCollapseClick: () => void;
 	onExpandClick: () => void;
+	bannerChannel: BannerChannel;
 	reminderTracking: ContributionsReminderTracking;
 	content: BannerTextContent;
 	countryCode?: string;
@@ -78,7 +80,7 @@ export interface BannerRenderProps {
 	choiceCardAmounts?: SelectedAmountsVariant;
 	choiceCardsSettings?: ChoiceCardsSettings;
 	tracking: Tracking;
-	submitComponentEvent?: (componentEvent: ComponentEvent) => void;
+	submitComponentEvent?: (componentEvent: ComponentEvent) => Promise<void>;
 	design?: ConfigurableDesign;
 	promoCodes?: string[];
 	isCollapsible?: boolean;