Fetch & display marketplace promotions

[corsonr]

Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

Related: https://github.com/Automattic/woocommerce.com/issues/19573
Related: #44655

We want to display the promos fetched from #44655 within the WC Admin UI. That's what this PR addresses.

• introduces the <Promotions> component which aims to get the promos from the local cache (wc_addons_marketplace_promotions) but provides a fallback to call the endpoint
• localizes promos within the WC_marketplace_promotions variable to make it accessible by the component
• updates the <Content> component to load the promos

Promos are

• pages, patch and tab restricted
• localized
• can have various formats (Notice being the one we use here)

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Checkout this branch locally
2. run nvm use
3. run cd plugins/woocommerce
4. run pnpm -- wp-env start
5. run pnpm --filter='@woocommerce/plugin-woocommerce' build
6. Visit http://localhost:8888/wp-admin/admin.php?page=wc-admin&path=%2Fextensions
7. confirm you see one single notice, in English (the endpoint doesn't provide localized content yet)

Changelog entry

• Automatically create a changelog entry from the details below.

Significance

• Patch
• Minor
• Major

Type

• Fix - Fixes an existing bug
• Add - Adds functionality
• Update - Update existing functionality
• Dev - Development related task
• Tweak - A minor adjustment to the codebase
• Performance - Address performance issues
• Enhancement - Improvement to existing functionality

Message

Comment

[github-actions]

Hi @andfinally,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

[github-actions]

Test Results Summary

Commit SHA: 223d945

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	259	0	0	2	0	261	0m 38s
E2E Tests	70	0	0	274	0	344	8m 17s

---

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

[andfinally]

Everything looks great, thanks for the changes! 💯