feat: add support for conditional cookie consent banner display (#4440)

Author: ilasw

packages/shared/src/features/onboarding/shared/FunnelStepper.tsx

@@ -99,6 +99,7 @@ export const FunnelStepper = ({
       onNavigation: trackOnNavigate,
     });
   const { transition: sendTransition } = useStepTransition(session.id);
+  const isCookieBannerActive = !!funnel?.parameters?.cookieConsent?.show;
   const { showBanner, ...cookieConsentProps } = useFunnelCookies({
     defaultOpen: showCookieBanner,
     trackFunnelEvent,
@@ -146,7 +147,7 @@ export const FunnelStepper = ({
       onScrollCapture={trackOnScroll}
       className="flex min-h-dvh flex-col"
     >
-      {showBanner && (
+      {isCookieBannerActive && showBanner && (
         <CookieConsent key="cookie-consent" {...cookieConsentProps} />
       )}
       <FunnelStepBackground step={step}>

packages/shared/src/features/onboarding/types/funnel.ts

@@ -260,7 +260,11 @@ export type FunnelPosition = {
 export interface FunnelJSON {
   id: string;
   version: number;
-  parameters: FunnelStepParameters;
+  parameters: FunnelStepParameters<{
+    cookieConsent: {
+      show: boolean;
+    };
+  }>;
   entryPoint: FunnelStep['id'];
   chapters: Array<FunnelChapter>;
 }