Help Center: add Zendesk to Odie Client

[arcangelini]

Fixes https://github.com/Automattic/dotcom-forge/issues/9260

Proposed Changes

• Add Zendesk to Odie client and Help Center

Why are these changes being made?

testing-hc.mp4

[github-actions]

Calypso Live (direct link)

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

Jetpack Cloud live (direct link)

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

Automattic for Agencies live (direct link)

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

[matticbot]

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

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

• blaze-dashboard
• help-center
• notifications
• odyssey-stats

To test WordPress.com changes, run install-plugin.sh $pluginSlug help-center/use-smooch-3 on your sandbox.

[matticbot]

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

App Entrypoints (~10 bytes added 📈 [gzipped])

name                   parsed_size           gzip_size
entry-subscriptions         -126 B  (-0.0%)      -15 B  (-0.0%)
entry-domains-landing       -126 B  (-0.0%)      -15 B  (-0.0%)
entry-browsehappy           -126 B  (-0.1%)      -15 B  (-0.0%)
entry-stepper                -90 B  (-0.0%)      +10 B  (+0.0%)
entry-main                   +18 B  (+0.0%)      +25 B  (+0.0%)
entry-login                  +18 B  (+0.0%)      +38 B  (+0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~467 bytes removed 📉 [gzipped])

name                               parsed_size           gzip_size
purchases                               +587 B  (+0.0%)      -77 B  (-0.0%)
email                                   +539 B  (+0.1%)      +81 B  (+0.0%)
import-hosted-site-flow                 +513 B  (+0.1%)      +71 B  (+0.0%)
domains                                 +513 B  (+0.0%)      +56 B  (+0.0%)
update-design-flow                      +312 B  (+0.0%)      +75 B  (+0.0%)
plans                                   +312 B  (+0.0%)      +37 B  (+0.0%)
link-in-bio-tld-flow                    +312 B  (+0.0%)      +24 B  (+0.0%)
jetpack-connect                         +312 B  (+0.0%)      +37 B  (+0.0%)
jetpack-cloud-pricing                   +312 B  (+0.0%)      +37 B  (+0.0%)
jetpack-cloud-features-comparison       +312 B  (+0.0%)      +37 B  (+0.0%)
copy-site-flow                          +312 B  (+0.0%)      +45 B  (+0.0%)
checkout                                +312 B  (+0.0%)      +37 B  (+0.0%)
site-purchases                           -33 B  (-0.0%)      +37 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 (~10418 bytes added 📈 [gzipped])

name                                                            parsed_size           gzip_size
async-load-automattic-help-center                                  +12219 B  (+2.1%)    +9803 B  (+5.7%)
async-load-signup-steps-woocommerce-install-transfer                 +312 B  (+1.0%)      +75 B  (+0.7%)
async-load-signup-steps-woocommerce-install-step-store-address       +312 B  (+0.5%)      +75 B  (+0.3%)
async-load-signup-steps-woocommerce-install-step-business-info       +312 B  (+0.4%)      +75 B  (+0.3%)
async-load-signup-steps-woocommerce-install-confirm                  +312 B  (+0.6%)      +75 B  (+0.4%)
async-load-signup-steps-website-content                              +312 B  (+0.3%)      +75 B  (+0.2%)
async-load-signup-steps-user                                         +312 B  (+0.2%)      +75 B  (+0.2%)
async-load-signup-steps-theme-selection                              +312 B  (+0.1%)      +75 B  (+0.1%)
async-load-signup-steps-test-step                                    +312 B  (+1.5%)      +75 B  (+1.1%)
async-load-signup-steps-subscribe-email                              +312 B  (+0.2%)      +75 B  (+0.1%)
async-load-signup-steps-store-features                               +312 B  (+0.7%)      +75 B  (+0.6%)
async-load-signup-steps-starting-point                               +312 B  (+0.9%)      +75 B  (+0.7%)
async-load-signup-steps-social-profiles                              +312 B  (+1.1%)      +75 B  (+0.8%)
async-load-signup-steps-site-picker                                  +312 B  (+0.2%)      +75 B  (+0.2%)
async-load-signup-steps-site-or-domain                               +312 B  (+0.7%)      +75 B  (+0.6%)
async-load-signup-steps-site-options                                 +312 B  (+0.7%)      +75 B  (+0.6%)
async-load-signup-steps-site                                         +312 B  (+0.7%)      +75 B  (+0.6%)
async-load-signup-steps-rewind-were-backing                          +312 B  (+1.4%)      +75 B  (+1.0%)
async-load-signup-steps-rewind-form-creds                            +312 B  (+0.4%)      +75 B  (+0.3%)
async-load-signup-steps-reader-landing                               +312 B  (+1.2%)      +75 B  (+0.9%)
async-load-signup-steps-page-picker                                  +312 B  (+0.1%)      +75 B  (+0.1%)
async-load-signup-steps-p2-site                                      +312 B  (+0.6%)      +75 B  (+0.5%)
async-load-signup-steps-p2-join-workspace                            +312 B  (+1.0%)      +75 B  (+0.8%)
async-load-signup-steps-p2-details                                   +312 B  (+1.3%)      +75 B  (+0.9%)
async-load-signup-steps-p2-confirm-email                             +312 B  (+1.2%)      +75 B  (+0.9%)
async-load-signup-steps-p2-complete-profile                          +312 B  (+0.3%)      +75 B  (+0.3%)
async-load-signup-steps-new-or-existing-site                         +312 B  (+0.7%)      +75 B  (+0.5%)
async-load-signup-steps-intent                                       +312 B  (+0.8%)      +75 B  (+0.6%)
async-load-signup-steps-initial-intent                               +312 B  (+0.4%)      +75 B  (+0.3%)
async-load-signup-steps-hosting-decider                              +312 B  (+1.4%)      +75 B  (+1.0%)
async-load-signup-steps-emails                                       +312 B  (+0.5%)      +75 B  (+0.4%)
async-load-signup-steps-difm-site-picker                             +312 B  (+0.2%)      +75 B  (+0.2%)
async-load-signup-steps-design-picker                                +312 B  (+0.6%)      +75 B  (+0.4%)
async-load-signup-steps-creds-permission                             +312 B  (+0.6%)      +75 B  (+0.4%)
async-load-signup-steps-creds-confirm                                +312 B  (+0.6%)      +75 B  (+0.4%)
async-load-signup-steps-courses                                      +312 B  (+0.9%)      +75 B  (+0.7%)
async-load-signup-steps-clone-start                                  +312 B  (+1.1%)      +75 B  (+0.8%)
async-load-signup-steps-clone-ready                                  +312 B  (+0.6%)      +75 B  (+0.4%)
async-load-signup-steps-clone-point                                  +312 B  (+0.2%)      +75 B  (+0.2%)
async-load-signup-steps-clone-destination                            +312 B  (+1.0%)      +75 B  (+0.7%)
async-load-signup-steps-clone-credentials                            +312 B  (+0.4%)      +75 B  (+0.3%)
async-load-signup-steps-clone-cloning                                +312 B  (+1.1%)      +75 B  (+0.8%)
async-load-calypso-signup-step-wrapper                               +312 B  (+2.1%)      +75 B  (+1.5%)
async-load-calypso-my-sites-checkout-modal                           +312 B  (+0.0%)      +37 B  (+0.0%)
async-load-calypso-components-jetpack-portal-nav                     +312 B  (+0.7%)      +62 B  (+0.4%)
async-load-calypso-blocks-editor-checkout-modal                      +312 B  (+0.0%)      +37 B  (+0.0%)
async-load-design-wordpress-components-gallery                        -13 B  (-0.0%)      -59 B  (-0.0%)

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.

[arcangelini]

Things to address:

• Clearing odie chat: ZD conversation is linked to the odie-id. What happens when the odie chat is cleared?
• Fix listener to only listen for messages associated with the current Odie ID
• Add odie transcript to history when interaction is loaded
• Address all cases that connect to human
• Add loading state

[arcangelini]

This is where we landed - #95330