Product Form: Support viewing product page for coming soon sites

[itsmeichigo]

Closes: #14924

Description

In an upcoming change, WooCommerce plugin will set all new sites to coming soon mode by default.

This PR updates the web view used in the product form for viewing product page to support viewing products in non-published sites.

Also: updated the background color of the product status badge in the product form.

Steps to reproduce

• Log in to a WPCom store that's set to coming soon with existing products.
• Navigate to the Products tab and select a published product.
• Select the ellipsis menu on the top right and tap View Product in Store.
• Confirm that you can see the product page with product details.
• Switch to a self-hosted site while still authenticated with WPCom.
• Confirm that viewing product page still work for this site.
• Log out and back in to a self-hosted site using site credentials.
• Confirm that viewing product page still work for this site.

Testing information

Tested on simulator iPhone 16 Pro iOS 18.2 and confirmed that I can see the product page for all products in both public and coming-soon stores.

Screenshots

/	Before	After
Coming soon WPCom store

---

• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

Reviewer (or Author, in the case of optional code reviews):

Please make sure these conditions are met before approving the PR, or request changes if the PR needs improvement:

• The PR is small and has a clear, single focus, or a valid explanation is provided in the description. If needed, please request to split it into smaller PRs.
• Ensure Adequate Unit Test Coverage: The changes are reasonably covered by unit tests or an explanation is provided in the PR description.
• Manual Testing: The author listed all the tests they ran, including smoke tests when needed (e.g., for refactorings). The reviewer confirmed that the PR works as expected on all devices (phone/tablet) and no regressions are added.

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce iOS by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce iOS
	Build Number	pr14931-62dca84
	Version	21.4
	Bundle ID	com.automattic.alpha.woocommerce
	Commit	62dca84
	App Center Build	WooCommerce - Prototype Builds #12689

Automatticians: You can use our internal self-serve MC tool to give yourself access to App Center if needed.

[pmusolino]

Something strange is happening in my testing store with this PR.

Both with "coming soon" mode enabled or disabled. When opening the web page of every type of product, a Jetpack stats page is loading for me.
While, if I open a published product using trunk, everything works as expected.
It's like in the version with AuthenticatedWebViewController, the redirect doesn't work properly.

Screenshot of what I see:

[itsmeichigo]

Hey @pmusolino - can you confirm how you are authenticated in the app? E.g. with WPCom or application password?

Can you also try logging out and in again to see if you can reproduce the issue consistently? And does the issue happen to all your test sites?

[pmusolino]

with WPCom or application password?

I'm authenticated with WPCom

Can you also try logging out and in again to see if you can reproduce the issue consistently? And does the issue happen to all your test sites?

• It happens just on my testing store. If I try to use your testing store or other testing stores, everything works properly.
• If I logout, then i login, I'm still able to reproduce the issue.

[itsmeichigo]

Thanks @pmusolino for the review! It looks like the authenticated web view doesn't work if you're authenticated with a WPCom account and open the product page on a self-hosted site. I'll convert this PR back to draft and see how this should be updated.

[dangermattic]

	1 Warning
⚠️	This PR is assigned to the milestone 21.5. The due date for this milestone has already passed. Please assign it to a milestone with a later deadline or check whether the release for this milestone has already been finished.

Generated by 🚫 Danger

[itsmeichigo]

Hi @pmusolino - I updated the PR with two changes:

• Disable preview for non-public products.
• Authenticate the preview page only for:
  • WPCom sites
  • Self-hosted sites when the user is authenticated with application password/nonce.

I updated the PR description accordingly - this PR is ready for another look!

[pmusolino]

I tested all the cases mentioned in this PR, both with WPCom and Application Password login, and everything works fine now!

Just a nit on release-notes 👍

[pmusolino]

nit: I wonder if for end users it's more clear "Product Detail" instead of "Product Form".

[itsmeichigo]

We'll rewrite the message on the changelog anyway, I think this note is mostly for us developers. Since changing this will trigger CI again, I'll keep it as-is and merge the PR for the code freeze. I hope that's fine.