2499: Add coupon banner

[asvinb]

Changes proposed in this Pull Request:

Closes #2499

Replace this with a good description of your changes & reasoning.

Screenshots:

Detailed test instructions:

1. Go through the onboarding flow.
2. When connecting accounts on the first step, create a new Google Ads account from the UI. This is the only way for the user to be "eligible" to see the banner.
3. On the last step of the onboarding process, the banner should be visible as per the screenshot in the ticket description .
4. The previous text for the $500 credit that was below "Set a daily budget" should no longer appear.

Additional details:

Changelog entry

Tweak - Change to use a banner to present the ad credit offer during onboarding.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 63.8%. Comparing base (5d5ed13) to head (9a612d3).
Report is 10 commits behind head on feature/2459-campaign-creation-flow.

Additional details and impacted files

@@                         Coverage Diff                         @@
##           feature/2459-campaign-creation-flow   #2558   +/-   ##
===================================================================
  Coverage                                 63.8%   63.8%           
===================================================================
  Files                                      326     326           
  Lines                                     5089    5089           
  Branches                                  1231    1231           
===================================================================
  Hits                                      3245    3245           
  Misses                                    1676    1676           
  Partials                                   168     168           

Flag	Coverage Δ
js-unit-tests	63.8% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

[joemcgill]

Thanks all. I've left some feedback inline, but the main issue is that this isn't displaying on the fourth step when testing locally.

I'll get some clarity about whether the useFreeAdCredit() hook needs to be adjusted, but if so, we'll handle that as a separate task. For now, the new banner should display any time the current "Claim $500 in ads credit..." text was previously shown and that text should be removed.

[joemcgill]

This is working as expected. I left a comment inline about needing to address the requirements for when this should be displayed in a follow-up task.

No longer applies

[ankitguptaindia]

QA/Test Report- ✅

Testing Environment -

• WordPress: 6.6.1
• Theme active on store: Storefront Version: 4.6.0 / Twenty Twenty-Four Version: 1.2
• WooCommerce - Version 9.2.3
• PHP: 8.3
• Web Server: Nginx
• Browser: Chrome - Version 127
• OS: macOS Sonoma 14.6.1

Test Results - Ad coupon banner appears as described in the description. ✅

Functional Demo / Screencast -

[eason9487]

Thanks for the work. There are two issues need to be resolved.

[asvinb]

@joemcgill I made a few updates following @eason9487 's comments. Can you kindly check please?

[joemcgill]

@eason9487 I've opened #2599 to clarify and address the requirements for the useFreeAdCredit() hook.

[eason9487]

Thanks for the further update! LGTM.