Settings: domain update

[jaclync]

Spike: pe5sF9-Ug-p2
Design: VyLr7LvKodHE4kINfBE7Lw-fi-682%3A40227&t=S2CYnbufFyxeCeMk-0

---

Subtasks

• Create a feature flag domainSettings Domain settings: feature flag, entry point from settings, barebone UI #8581
• In settings, add a CTA that navigates to the main UI if: Domain settings: feature flag, entry point from settings, barebone UI #8581
  • The feature flag is enabled
  • The site is a wpcom site
• Hide the *.wordpress.com domain in the list Update domain settings data #8848
• Update the free staging domain to match Calypso Update domain settings data #8848

Analytics

• Analytics plan pe5sF9-15a-p2#comment-1694 Domain settings analytics & release #8870

Eligibility check

• Only enable domain settings for store admins Settings: only show Domains row for admin users #8879

Non admins get this error from loading site domains: ⛔️ Error retrieving domains for siteID 215173688: Dotcom Error: [authorization_required] User or Token does not have access to specified site.

Domain dashboard screen

UI

• Show the free *.wpcomstaging.com URL at the top, and one of the following below: Domain settings: feature flag, entry point from settings, barebone UI #8581
  • If no other domains, there are two CTAs:
    • Show "Already own a domain?" link to open a webview to connect to an existing domain at https://wordpress.com/start/domains/use-your-domain
    • Otherwise, show a CTA to search for a domain that navigates to the next screen
  • If there are existing domains, show the list of domains for the site with a CTA to add another one which navigates to the next screen Domain settings: show a list of domains with a CTA to add a domain #8606
• If the site includes a domain credit, show the domain credit UI with a CTA to search for a domain using domain credit in the next screen Domain settings: show domain credit banner #8711
• Show the instructions text below the bottom CTA (URL: https://wordpress.com/go/tutorials/what-is-a-domain-name/ from this thread) Domain settings: add a learn more footnote #8855
• Refactor the badge view to be reusable
• Test newly created sites to make sure the Domain settings are available (ref)
• [Minor] Placeholder state when loading domains Domain settings: minimal loading UI #8821

Yosemite/Networking

• Fetch info for the current state of domains: https://public-api.wordpress.com/rest/v1.1/sites/{siteId}/domains/?locale=en_US

• Fetch plans info, and check for "current_plan": true to determine the currently selected plan and then "has_domain_credit": true, to determine if the user has credit to claim a domain: https://public-api.wordpress.com/rest/v1.3/{sideId}/plans/?locale=en_US

• Networking layer Domain settings: networking layer changes for 2 endpoints #8600

• Yosemite layer Domain settings: Yosemite layer changes for 2 actions #8601

Domain selector screen

UI

• UI integration after Yosemite layer: the copy and content are different from the free domain selector in the store creation flow Domain selector for paid domains: UI integration #8663
• Attributed price info Domain selector: show attributed price info #8710
• "Free for the first year" if the site has domain credit Show "free for the first year" for domain suggestions with a domain credit #8778
• Don't show support action in the navigation bar Domain settings > domain selector: UI updates - title, subtitle, no contact support CTA #8819
• Update header text Domain settings > domain selector: UI updates - title, subtitle, no contact support CTA #8819
• Add unit tests for PaidDomainSelectorDataProvider
• Add unit tests for DomainSettingsCoordinator

Yosemite/Networking

Load all the products and match them later with the domain suggestions to apply the proper discount: https://public-api.wordpress.com/rest/v1.1/products?http_envelope=1&type=domains.

• Networking layer Domain selector for paid domains: Networking layer changes #8642
• Yosemite layer Domain selector for paid domains: Yosemite layer changes #8660

Checkout screen

• Yosemite & Networking layer changes Domain web checkout flow with cart creation and a barebone success view #8696
• Navigate to web checkout when not using a domain credit Domain web checkout flow with cart creation and a barebone success view #8696

Domain credit checkout flow

• API request to redeem a domain with domain credit Domain credit redemption without contact information #8771
• Contact info form Domain contact information form before redeeming domain credit #8784
• API request to load & validate domain contact info Load/validate domain contact info before/after the form #8803
• Pass contact info when redeeming a domain Domain contact information form before redeeming domain credit #8784
• Easier phone number form field to conform to the format of +areacode.number Domain contact info: replace phone field with country code and number fields #8859

❓ How about the error state? a banner?

Success screen

• Create a new screen with the domain name, and a CTA to go back to the domain dashboard screen Domain web checkout flow with cart creation and a barebone success view #8696
  • Polish UI Polish domain purchase success UI #8785

Settings screen

• Update CTA to a different section VyLr7LvKodHE4kINfBE7Lw-fi-1144%3A64907 Settings: update domain settings CTA #8860

Nice to haves

• Polish domain suggestions query parameters: for query fun testing, Calpyso uses https://public-api.wordpress.com/rest/v1.1/domains/suggestions?http_envelope=1&query=funtesting&quantity=30&include_wordpressdotcom=false&include_dotblogsubdomain=false&tld_weight_overrides=&vendor=variation8_front&site_slug=funtestingusa.com&recommendation_context=fun,testing

[peril-woocommerce]

	Fails
🚫	Please add a feature label to this issue. e.g. 'feature: stats'

Generated by 🚫 dangerJS