Onboarding Brand Design Update: Add in-context Trackers Blocked dialog

[mikescamell]

Task/Issue URL: https://app.asana.com/1/137249556945/project/1207908166761516/task/1214598065379691?focus=true

Description

Migrates the Trackers Blocked contextual onboarding dialog to the new brand-design layout introduced in #8439, gated behind the onboardingBrandDesignUpdate feature flag.

With the flag on:

• Trackers Blocked CTA renders in the new card chrome with title and body as distinct blocks.
• Adds the post-page-load CTA background banner asset and animation pipeline that the Trackers Blocked, Main Network, and No Trackers dialogs all share — slides up from behind the card on appear, slides out on dismiss / content swap.
• Title and body strings refreshed for the new layout.

Also folds in the Stage 1 foundation review feedback fixes against the brand-design contextual base class introduced in #8439.

Out of scope (still legacy / stub-only with the flag on, queued in follow-up PRs in this stack): main-network, no-trackers, fire-button, end. Their Dax*BrandDesignUpdateContextualCta classes remain as scaffolding.

Steps to test this PR

Designs

Please run all testing steps for in-context dialog changes from the contextual-end branch/PR to ease the testing burden.

To see these changes patch (Linear onboarding flag included just for continuity)

Index: app/src/main/java/com/duckduckgo/app/onboardingbranddesignupdate/OnboardingBrandDesignUpdateToggles.kt
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/app/src/main/java/com/duckduckgo/app/onboardingbranddesignupdate/OnboardingBrandDesignUpdateToggles.kt b/app/src/main/java/com/duckduckgo/app/onboardingbranddesignupdate/OnboardingBrandDesignUpdateToggles.kt
--- a/app/src/main/java/com/duckduckgo/app/onboardingbranddesignupdate/OnboardingBrandDesignUpdateToggles.kt	(revision 6fd565c8894daba16281ae9bcf3452d038ae8d6d)
+++ b/app/src/main/java/com/duckduckgo/app/onboardingbranddesignupdate/OnboardingBrandDesignUpdateToggles.kt	(date 1777967047929)
@@ -34,13 +34,13 @@
      * Main toggle for the onboarding brand design update feature.
      * Default value: false (disabled).
      */
-    @Toggle.DefaultValue(DefaultFeatureValue.FALSE)
+    @Toggle.DefaultValue(DefaultFeatureValue.TRUE)
     fun self(): Toggle
 
     /**
      * Toggle for the brand design update variant.
      * Default value: false (disabled).
      */
-    @Toggle.DefaultValue(DefaultFeatureValue.FALSE)
+    @Toggle.DefaultValue(DefaultFeatureValue.TRUE)
     fun brandDesignUpdate(): Toggle
 }
Index: app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt b/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt
--- a/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt	(revision 6fd565c8894daba16281ae9bcf3452d038ae8d6d)
+++ b/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt	(date 1777657893440)
@@ -45,7 +45,7 @@
     val viewState = _viewState.asStateFlow()
 
     fun initializePages() {
-        pageLayoutManager.buildPageBlueprints()
+        pageLayoutManager.buildBrandDesignUpdatePageBlueprints()
     }
 
     fun pageCount(): Int {
@@ -69,8 +69,8 @@
         }
     }
 
-    fun initializeOnboardingSkipper() {
-        if (!appBuildConfig.canSkipOnboarding) return
+    fun initializeOnboardingSkipper() { 
+        return
 
         // delay showing skip button until privacy config downloaded
         viewModelScope.launch {

UI changes

Screenshots

---

Note

Medium Risk
Changes onboarding CTA selection/rendering for the Trackers Blocked dialog behind the brand-design flag and adds new UI wiring that could affect CTA sequencing and privacy-shield highlighting/pixels.

Overview
When the onboarding brand-design update flag is enabled, the Trackers Blocked in-context DAX dialog now uses DaxTrackersBlockedBrandDesignUpdateContextualCta instead of the legacy DaxTrackersBlockedCta.

The new CTA is no longer a stub: it selects the brand-design content include, sets the trackers-blocked background, populates the description from the legacy trackers text, wires the primary button click handler, and triggers the typing-animation-settled callback (to keep the existing privacy-shield highlight/dismiss behavior aligned). A new unit test verifies the flag-gated CTA selection and that shown/OK/close pixels and dismissal persistence behave as expected.

^{Reviewed by Cursor Bugbot for commit c93d5b5. Bugbot is set up for automated code reviews on this repo. Configure here.}

[mikescamell]

• Onboarding Brand Design Update: Add in-context Fire Button dialog + Inferno fire animation #8482
• Onboarding Brand Design Update: Add in-context No Trackers dialog #8481
• Onboarding Brand Design Update: Add in-context Main Network dialog #8480
• Onboarding Brand Design Update: Add in-context Trackers Blocked dialog #8479 👈 (View in Graphite)
• Onboarding Brand Design Update: Add in-context Site Suggestions dialog #8483
• Onboarding Brand Design Update: Add in-context SERP dialog #8439
• develop

This stack of pull requests is managed by Graphite. Learn more about stacking.

[LukasPaczos]

The onTypingAnimationSettled contract seems entirely misplaced. I understand it re-uses the mechanism that was established before, but it's a function override with a set of criteria applicable to only one view. On top of that, at this call site it has nothing to do with the typing animation - it's actually controlled entirely in the parent class.

Could you create a follow-up task to give this a pass separately and see how it could be cleaned up after we ship?

[mikescamell]

Done

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

There are 2 total unresolved issues (including 1 from previous review).

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit c93d5b5. Configure here.}