Site Migration: Show the correct landing page when users ask for help #98092

gabrielcaires · 2025-01-08T16:41:33Z

Closes #97664

Proposed Changes

Move the user to the SITE_MIGRATION_SUPPORT_INSTRUCTIONS step when they ask if the platform is not supported and ask for help.
Create a help ticket when the user clicks the support instructions step.

Why are these changes being made?

As described in the original ticket, nowadays, when the user asks for help, we redirect the user to the regular SITE_MIGRATION_ASSISTED_MIGRATION, which says the migration will happen and also marks the migration as started.

Screenshots

Testing Instructions

Go to any of the migration flows (e.g /setup/hosted-site-migration)
Follow all steps by choosing the DIFM until the Tell us about your WordPress site
Set any non-WordPress site
On the Looks like there's been a mix-up step, click Looks like there's been a mix-up
Check if you can see the migration-support-instructions step
Check if a ticket was created (http call to /help/migration-ticket/new

Pre-merge Checklist

Has the general commit checklist been followed? (PCYsg-hS-p2)
Have you written new tests for your changes?
Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
Have you checked for TypeScript, React or other console errors?
Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
- For UI changes, have we tested the change in various languages (for example, ES, PT, FR, or DE)? The length of text and words vary significantly between languages.
For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-aUh-p2)?

github-actions · 2025-01-08T16:41:50Z

Calypso Live (direct link)

	https://calypso.live?image=registry.a8c.com/calypso/app:build-129258

Jetpack Cloud live (direct link)

	https://calypso.live?image=registry.a8c.com/calypso/app:build-129258&env=jetpack

Automattic for Agencies live (direct link)

	https://calypso.live?image=registry.a8c.com/calypso/app:build-129258&env=a8c-for-agencies

matticbot · 2025-01-08T16:52:32Z

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

notifications
wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug fix/landing-page-when-user-ask-for-help on your sandbox.

matticbot · 2025-01-08T16:53:20Z

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

Sections (~18 bytes added 📈 [gzipped])

name                        parsed_size           gzip_size
import-hosted-site-flow          +304 B  (+0.0%)      +16 B  (+0.0%)
site-migration-flow               +42 B  (+0.1%)       +2 B  (+0.0%)
hosted-site-migration-flow        +42 B  (+0.1%)       +2 B  (+0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

andres-blanco · 2025-01-16T19:05:37Z

...er/declarative-flow/internals/steps-repository/site-migration-support-instructions/index.tsx

@@ -9,8 +11,8 @@ import { useSelector } from 'calypso/state';
 import { getCurrentUser } from 'calypso/state/current-user/selectors';
 import FlowCard from '../components/flow-card';
 import { redirect } from '../import/util';
+import { useSubmitMigrationTicket } from '../importer-migrate-message/hooks/use-submit-migration-ticket';


can we extract this hook to a more general location? we might end up using it in different contexts, for example: p1737039155741989-slack-C0Q664T29

This can be tackled in a new PR so we can submit the fix faster.

andres-blanco

LGTM

gabrielcaires added 2 commits January 8, 2025 16:25

Redirect user to the support landing page

d970117

Create a ticket when user lands on the support page

b68a1e2

gabrielcaires requested a review from a team January 8, 2025 16:41

gabrielcaires self-assigned this Jan 8, 2025

matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Jan 8, 2025

gabrielcaires added the [Feature] Site Migration Features related to site migrations to WPcom label Jan 8, 2025

Fix import order

1506ca8

gabrielcaires mentioned this pull request Jan 8, 2025

Improvement: Provide different landing page and ticket notes for "I need help, please contact/guide me" option during migration flow #97664

Closed

gabrielcaires marked this pull request as ready for review January 8, 2025 16:45

gabrielcaires added the [Feature Group] Site Migration label Jan 8, 2025

andres-blanco reviewed Jan 16, 2025

View reviewed changes

andres-blanco approved these changes Jan 16, 2025

View reviewed changes

gabrielcaires merged commit 58f2dfa into trunk Jan 16, 2025
13 checks passed

gabrielcaires deleted the fix/landing-page-when-user-ask-for-help branch January 16, 2025 20:21

github-actions bot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Jan 16, 2025

gabrielcaires mentioned this pull request Jan 16, 2025

Site Migration: Move ticket creation hook to a more reusable folder #98502

Merged

8 tasks

gabrielcaires changed the title ~~Site Migration: Show correct landing page when user ask for help~~ Site Migration: Show the correct landing page when users ask for help Jan 16, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Site Migration: Show the correct landing page when users ask for help #98092

Site Migration: Show the correct landing page when users ask for help #98092

gabrielcaires commented Jan 8, 2025 •

edited

Loading

github-actions bot commented Jan 8, 2025 •

edited by matticbot

Loading

matticbot commented Jan 8, 2025

matticbot commented Jan 8, 2025

andres-blanco Jan 16, 2025 •

edited

Loading

andres-blanco Jan 16, 2025 •

edited

Loading

gabrielcaires Jan 16, 2025

andres-blanco left a comment

Site Migration: Show the correct landing page when users ask for help #98092

Site Migration: Show the correct landing page when users ask for help #98092

Conversation

gabrielcaires commented Jan 8, 2025 • edited Loading

Proposed Changes

Why are these changes being made?

Screenshots

Testing Instructions

Pre-merge Checklist

github-actions bot commented Jan 8, 2025 • edited by matticbot Loading

matticbot commented Jan 8, 2025

matticbot commented Jan 8, 2025

andres-blanco Jan 16, 2025 • edited Loading

Choose a reason for hiding this comment

andres-blanco Jan 16, 2025 • edited Loading

Choose a reason for hiding this comment

gabrielcaires Jan 16, 2025

Choose a reason for hiding this comment

andres-blanco left a comment

Choose a reason for hiding this comment

gabrielcaires commented Jan 8, 2025 •

edited

Loading

github-actions bot commented Jan 8, 2025 •

edited by matticbot

Loading

andres-blanco Jan 16, 2025 •

edited

Loading

andres-blanco Jan 16, 2025 •

edited

Loading