Fix blank Overview page when WC onboarding is disabled

[vladolaru]

Fixes #9742

Changes proposed in this Pull Request

We are now more defensive about missing WC Admin onboarding data and avoid the JS error that leads to the blank Payments > Onboarding page.

Testing instructions

• Create a new JN site with WooCommerce, WooPayments using this PR's live branch, WCPay Dev Tools, and the WooCommerce Beta Tester plugin (here is a direct create link)
• Go to the new store's WP admin, click on the "WooCommerce" main menu item, go through the profiler, skip it by clicking on "Skip guided setup", and set your store's location to US.
• Make sure WooPayments is activated and is using this PR's branch. If not, go to Jetpack > Beta Tester, click on "Manage" for WooCommerce Payments and activate the fix/9742-blank-overview-page-without-wc-features feature branch.
• Click on the "Payments" main menu item and you should see the WooPayments Connect page.
• Onboard a test-drive account from the "I'm setting up a store for someone else".
• You should end up on the Payments > Overview page.
• Go to Tools > WCA Test Helper > Features and disable the onboarding and onboarding-tasks features:
  
• Refresh the page and click on the "Payments" menu item and you should see the Overview page:
  

---

• Run npm run changelog to add a changelog file, choose patch to leave it empty if the change is not significant. You can add multiple changelog files in one PR by running this command a few times.
• Covered with tests (or have a good reason not to test in description ☝️)
• Tested on mobile (or does not apply)

Post merge

• Link to testing instructions from release testing doc following these instructions : Add link here / 'QA Testing Not Applicable'
• Add or update critical flows and testing instructions for critical flows, if applicable.
• Add what's changed (description, screenshot, demo videos etc.) to the release announcement post, if applicable.

[botwoo]

Test the build

Option 1. Jetpack Beta

• Install and activate Jetpack Beta.
• Use this build by searching for PR number 10020 or branch name fix/9742-blank-overview-page-without-wc-features in your-test.site/wp-admin/admin.php?page=jetpack-beta&plugin=woocommerce-payments

Option 2. Jurassic Ninja - available for logged-in A12s

🚀 Launch a JN site with this branch 🚀

ℹ️ Install this Tampermonkey script to get more options.

---

Build info:

• Latest commit: ada2be1
• Build time: 2024-12-20 14:13:37 UTC

Note: the build is updated when a new commit is pushed to this PR.

[github-actions]

Size Change: +12 B (0%)

Total Size: 1.39 MB

Filename	Size	Change
release/woocommerce-payments/dist/index.js	303 kB	+12 B (0%)

ℹ️ View Unchanged

Filename	Size
release/woocommerce-payments/assets/css/admin.css	1.37 kB
release/woocommerce-payments/assets/css/admin.rtl.css	1.37 kB
release/woocommerce-payments/assets/css/success.css	182 B
release/woocommerce-payments/assets/css/success.rtl.css	184 B
release/woocommerce-payments/dist/blocks-checkout-rtl.css	2.63 kB
release/woocommerce-payments/dist/blocks-checkout.css	2.63 kB
release/woocommerce-payments/dist/blocks-checkout.js	55.4 kB
release/woocommerce-payments/dist/cart-block.js	17 kB
release/woocommerce-payments/dist/cart.js	5.73 kB
release/woocommerce-payments/dist/checkout-rtl.css	932 B
release/woocommerce-payments/dist/checkout.css	931 B
release/woocommerce-payments/dist/checkout.js	33.4 kB
release/woocommerce-payments/dist/express-checkout-rtl.css	229 B
release/woocommerce-payments/dist/express-checkout.css	229 B
release/woocommerce-payments/dist/express-checkout.js	15.5 kB
release/woocommerce-payments/dist/frontend-tracks.js	854 B
release/woocommerce-payments/dist/index-rtl.css	52.7 kB
release/woocommerce-payments/dist/index.css	52.6 kB
release/woocommerce-payments/dist/multi-currency-analytics.js	1.08 kB
release/woocommerce-payments/dist/multi-currency-rtl.css	4.47 kB
release/woocommerce-payments/dist/multi-currency-switcher-block.js	60.9 kB
release/woocommerce-payments/dist/multi-currency.css	4.47 kB
release/woocommerce-payments/dist/multi-currency.js	57.6 kB
release/woocommerce-payments/dist/order-rtl.css	730 B
release/woocommerce-payments/dist/order.css	730 B
release/woocommerce-payments/dist/order.js	42.4 kB
release/woocommerce-payments/dist/payment-gateways-rtl.css	1.33 kB
release/woocommerce-payments/dist/payment-gateways.css	1.33 kB
release/woocommerce-payments/dist/payment-gateways.js	38.7 kB
release/woocommerce-payments/dist/plugins-page-rtl.css	386 B
release/woocommerce-payments/dist/plugins-page.css	386 B
release/woocommerce-payments/dist/plugins-page.js	20.1 kB
release/woocommerce-payments/dist/product-details-rtl.css	433 B
release/woocommerce-payments/dist/product-details.css	436 B
release/woocommerce-payments/dist/product-details.js	12.3 kB
release/woocommerce-payments/dist/settings-rtl.css	11.6 kB
release/woocommerce-payments/dist/settings.css	11.5 kB
release/woocommerce-payments/dist/settings.js	224 kB
release/woocommerce-payments/dist/subscription-edit-page.js	703 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal-rtl.css	524 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal.css	524 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal.js	20.2 kB
release/woocommerce-payments/dist/subscription-product-onboarding-toast.js	730 B
release/woocommerce-payments/dist/subscriptions-empty-state-rtl.css	120 B
release/woocommerce-payments/dist/subscriptions-empty-state.css	120 B
release/woocommerce-payments/dist/subscriptions-empty-state.js	19.3 kB
release/woocommerce-payments/dist/tokenized-express-checkout-rtl.css	229 B
release/woocommerce-payments/dist/tokenized-express-checkout.css	229 B
release/woocommerce-payments/dist/tokenized-express-checkout.js	16.4 kB
release/woocommerce-payments/dist/tos-rtl.css	235 B
release/woocommerce-payments/dist/tos.css	235 B
release/woocommerce-payments/dist/tos.js	21.8 kB
release/woocommerce-payments/dist/woopay-direct-checkout.js	6.13 kB
release/woocommerce-payments/dist/woopay-express-button.js	24.8 kB
release/woocommerce-payments/dist/woopay-rtl.css	4.31 kB
release/woocommerce-payments/dist/woopay.css	4.28 kB
release/woocommerce-payments/dist/woopay.js	71 kB
release/woocommerce-payments/includes/subscriptions/assets/css/plugin-page.css	625 B
release/woocommerce-payments/includes/subscriptions/assets/js/plugin-page.js	814 B
release/woocommerce-payments/vendor/automattic/jetpack-assets/build/i18n-loader.js	2.46 kB
release/woocommerce-payments/vendor/automattic/jetpack-assets/build/jetpack-script-data.js	767 B
release/woocommerce-payments/vendor/automattic/jetpack-assets/src/js/i18n-loader.js	1.02 kB
release/woocommerce-payments/vendor/automattic/jetpack-assets/src/js/script-data.js	69 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/babel.config.js	163 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/identity-crisis.css	2.47 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/identity-crisis.js	14.2 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/identity-crisis.rtl.css	2.47 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-connection.css	10 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-connection.js	28.4 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-connection.rtl.css	10 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-admin-create-user.css	198 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-admin-create-user.js	280 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-admin-create-user.rtl.css	198 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-login.css	625 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-login.js	333 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-login.rtl.css	626 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-users.js	424 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/tracks-ajax.js	521 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/tracks-callables.js	585 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-admin-create-user.css	215 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-admin-create-user.js	521 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-login.css	721 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-login.js	412 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-users.js	632 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/about.css	1.04 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin-empty-state.css	294 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin-order-statuses.css	408 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin.css	3.59 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/checkout.css	301 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/modal.css	746 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/view-subscription.css	574 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/wcs-upgrade.css	414 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/admin-pointers.js	543 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/admin.js	9.4 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/jstz.js	6.78 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/jstz.min.js	3.84 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/meta-boxes-coupon.js	545 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/meta-boxes-subscription.js	2.52 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/moment.js	22.2 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/moment.min.js	11.7 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/payment-method-restrictions.js	1.29 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/wcs-meta-boxes-order.js	507 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/payment-methods.js	358 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/single-product.js	428 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/view-subscription.js	1.38 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/wcs-cart.js	782 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/modal.js	1.09 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/wcs-upgrade.js	1.26 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/build/index.css	391 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/build/index.js	3.04 kB

_{compressed-size-action}

[mordeth]

Thank you for working on this, Vlad!

✅ The code changes look good and make sense.
✅ The testing instructions pass as outlined, and no blank page is observed.

[anu-rock]

✅ Code change looks good.
✅ Changelog explains the issue well.
✅ Manual testing worked as expected.