Help Center: Open Zendesk with link #96448

escapemanuele · 2024-11-15T11:24:44Z

Related to https://github.com/Automattic/dotcom-forge/issues/9733
Fixes https://github.com/Automattic/dotcom-forge/issues/10038

Proposed Changes

This PR wants to add the possibility of directly opening Zendesk, skipping Wapuu.

Testing Instructions

Build the PR or use the PR link to test

Purchases

Go to /me/purchases and select a paid site plan. Then Click "Remove Plan".

In the upper right corner there should be a button "Need help? Contact us". Clicking on it should submit the relevant user fields and create a zendesk chat

Domain Removal

Go to /purchases/subscriptions/ and select a domain subscription.
Click on the "Remove domain" button

When the modal opens click the "Need help? Contact us" button
After the button is clicked, the modal should close, relevant user fields should get submitted and a zendesk chat should be created.

Purchase Cancelation

Go to me/purchases and select a business plan
Click "Cancel plan"

Then click on the Ask a Happiness Engineer. button
Clicking on it should submit the relevant user fields and create a zendesk chat

github-actions · 2024-11-15T11:24:57Z

Calypso Live (direct link)

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

Jetpack Cloud live (direct link)

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

Automattic for Agencies live (direct link)

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

matticbot · 2024-11-15T11:32:26Z

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

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

blaze-dashboard
command-palette-wp-admin
help-center
notifications
odyssey-stats
whats-new

To test WordPress.com changes, run install-plugin.sh $pluginSlug hc-zendesk-link on your sandbox.

matticbot · 2024-11-15T11:34:35Z

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

Sections (~100 bytes added 📈 [gzipped])

name            parsed_size           gzip_size
hosting              +111 B  (+0.0%)      +55 B  (+0.0%)
email                +111 B  (+0.0%)      +56 B  (+0.0%)
domains              +111 B  (+0.0%)      +55 B  (+0.0%)
site-purchases        +81 B  (+0.0%)      +44 B  (+0.0%)
purchases             +81 B  (+0.0%)      +44 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.

Async-loaded Components (~289 bytes added 📈 [gzipped])

name                                       parsed_size           gzip_size
async-load-automattic-help-center-stepper       +643 B  (+0.1%)     +289 B  (+0.1%)
async-load-automattic-help-center               +643 B  (+0.1%)     +289 B  (+0.1%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

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.

packages/help-center/src/components/help-center-feedback-form.tsx

packages/odie-client/src/context/index.tsx

packages/odie-client/src/components/message/messages-container.tsx

escapemanuele · 2025-01-17T17:41:38Z

packages/help-center/src/components/help-center-chat.tsx

-			selectedSiteURL={ site?.URL as string }
-			selectedConversationId={ conversationId }
+			selectedSiteId={ Number( siteId ) || ( site?.ID as number ) }
+			selectedSiteURL={ siteUrl || ( site?.URL as string ) }


Just noting here that this happened to me

agrullon95 · 2025-01-21T14:54:41Z

@heavyweight - Theres an issue with the back button not working on first click when I open HC to support chat from plan cancellation:

CleanShot.2025-01-21.at.21.52.43.mp4

agrullon95 · 2025-01-21T15:02:00Z

The AI chat response (initial message from Wapuu/AI) is displaying for a moment if I already started a support chat and click the link again.

CleanShot.2025-01-21.at.22.00.39.mp4

escapemanuele · 2025-01-21T17:30:27Z

As a follow-up, not strictly needed here, we need to check what's wrong with Jump to recent

agrullon95

Tested both paths and confirmed the help center directly opened a support chat interaction.

Co-authored-by: Tony Arcangelini <[email protected]> Co-authored-by: heavyweight <[email protected]> Co-authored-by: Kosta <[email protected]>

escapemanuele assigned arcangelini Nov 15, 2024

escapemanuele and others added 3 commits December 2, 2024 13:41

Open Zendesk with link

6e85c69

Update chat thread

859e69e

Sort of works... small bug causing refresh

12e45fd

arcangelini force-pushed the hc-zendesk-link branch from 405507b to 12e45fd Compare December 2, 2024 15:54

escapemanuele unassigned arcangelini Jan 6, 2025

heavyweight added 6 commits January 15, 2025 14:48

Merge remote-tracking branch 'origin/trunk' into hc-zendesk-link

3651de6

add missing isChatLoaded

e594703

minor fixes

729f0fc

minimize hook changes

eb97113

remove unused selectedConversationId

585c0db

Wire initial message and correct site and siteId

fb1bc0b

escapemanuele assigned heavyweight Jan 15, 2025

heavyweight and others added 3 commits January 16, 2025 16:36

Don't display transfer message for direct zd chat

e8f7aae

Wire direct zd chat for cancellations

6f3daa1

Merge branch 'trunk' into hc-zendesk-link

155cd91

heavyweight marked this pull request as ready for review January 16, 2025 16:17

heavyweight requested a review from a team as a code owner January 16, 2025 16:17

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 16, 2025

escapemanuele commented Jan 16, 2025

View reviewed changes

packages/help-center/src/components/help-center-feedback-form.tsx Show resolved Hide resolved

escapemanuele commented Jan 17, 2025

View reviewed changes

packages/odie-client/src/context/index.tsx Outdated Show resolved Hide resolved

Change variable name and remove unused ones

3a89434

escapemanuele commented Jan 17, 2025

View reviewed changes

packages/odie-client/src/components/message/messages-container.tsx Outdated Show resolved Hide resolved

escapemanuele commented Jan 17, 2025

View reviewed changes

escapemanuele added 3 commits January 17, 2025 18:59

Fix useEffect

e0011b6

Change state variable name

e6e8c2b

Avoid transfer

9915273

heavyweight added 3 commits January 20, 2025 15:37

Ensure one chat is created

694d292

Default to first open interaction only if there is no interaction set

e44d55a

Minimize re-rendering

58826c7

agrullon95 self-requested a review January 21, 2025 06:45

heavyweight and others added 4 commits January 21, 2025 16:32

Ensure conversation is created once with the correct support interaction

57e09a8

Fix back nav for direct chats

11313a0

Merge branch 'trunk' into hc-zendesk-link

d44e8a3

Fix jump to recent visible for direct chats

2348a2b

agrullon95 approved these changes Jan 22, 2025

View reviewed changes

Merge branch 'trunk' into hc-zendesk-link

7c12cc1

heavyweight merged commit afe6165 into trunk Jan 22, 2025
13 checks passed

heavyweight deleted the hc-zendesk-link branch January 22, 2025 16:11

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 22, 2025

JessBoctor pushed a commit that referenced this pull request Jan 22, 2025

Help Center: Open Zendesk with link (#96448)

c1bd4ef

Co-authored-by: Tony Arcangelini <[email protected]> Co-authored-by: heavyweight <[email protected]> Co-authored-by: Kosta <[email protected]>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Help Center: Open Zendesk with link #96448

Help Center: Open Zendesk with link #96448

escapemanuele commented Nov 15, 2024 •

edited

Loading

github-actions bot commented Nov 15, 2024 •

edited by matticbot

Loading

matticbot commented Nov 15, 2024 •

edited

Loading

matticbot commented Nov 15, 2024 •

edited

Loading

escapemanuele Jan 17, 2025

agrullon95 commented Jan 21, 2025

agrullon95 commented Jan 21, 2025

escapemanuele commented Jan 21, 2025

agrullon95 left a comment

Help Center: Open Zendesk with link #96448

Help Center: Open Zendesk with link #96448

Conversation

escapemanuele commented Nov 15, 2024 • edited Loading

Proposed Changes

Testing Instructions

Purchases

Domain Removal

Purchase Cancelation

github-actions bot commented Nov 15, 2024 • edited by matticbot Loading

matticbot commented Nov 15, 2024 • edited Loading

matticbot commented Nov 15, 2024 • edited Loading

escapemanuele Jan 17, 2025

Choose a reason for hiding this comment

agrullon95 commented Jan 21, 2025

agrullon95 commented Jan 21, 2025

escapemanuele commented Jan 21, 2025

agrullon95 left a comment

Choose a reason for hiding this comment

escapemanuele commented Nov 15, 2024 •

edited

Loading

github-actions bot commented Nov 15, 2024 •

edited by matticbot

Loading

matticbot commented Nov 15, 2024 •

edited

Loading

matticbot commented Nov 15, 2024 •

edited

Loading