My Jetpack: add connection animation (#40343)

* My Jetpack: add new loading logic to My Jetpack * changelog * Add animation * Adjust animation rhythm * Fix sentences * Adjust duration of the connected screen * Adjust error handling and spacing * Reset notices when initializing site connection Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/12111138664 Upstream-Ref: Automattic/jetpack@7489029
Automattic · Dec 2, 2024 · 5465e71 · 5465e71
1 parent b89d5db
commit 5465e71
Show file tree

Hide file tree

Showing 12 changed files with 141 additions and 137 deletions.
diff --git a/composer.json b/composer.json
@@ -10,7 +10,7 @@
 		"automattic/jetpack-autoloader": "^5.0.0",
 		"automattic/jetpack-composer-plugin": "^4.0.0",
 		"automattic/jetpack-config": "^3.0.0",
-		"automattic/jetpack-my-jetpack": "^5.0.5-alpha",
+		"automattic/jetpack-my-jetpack": "^5.1.0-alpha",
 		"automattic/jetpack-plugins-installer": "^0.5.0",
 		"automattic/jetpack-sync": "^4.0.2",
 		"automattic/jetpack-transport-helper": "^0.3.0-alpha",

diff --git a/jetpack_vendor/automattic/jetpack-my-jetpack/CHANGELOG.md b/jetpack_vendor/automattic/jetpack-my-jetpack/CHANGELOG.md
@@ -5,10 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [5.0.5-alpha] - unreleased
+## [5.1.0-alpha] - unreleased
 
 This is an alpha version! The changes listed here are not final.
 
+### Added
+- My Jetpack: add animation during site connection to make it less confusing to users connecting their site for the first time.
+
 ### Fixed
 - Fix My Jetpack recommendation card styling on mobile
 
@@ -1845,7 +1848,7 @@ This is an alpha version! The changes listed here are not final.
 ### Added
 - Created package
 
-[5.0.5-alpha]: https://github.com/Automattic/jetpack-my-jetpack/compare/5.0.4...5.0.5-alpha
+[5.1.0-alpha]: https://github.com/Automattic/jetpack-my-jetpack/compare/5.0.4...5.1.0-alpha
 [5.0.4]: https://github.com/Automattic/jetpack-my-jetpack/compare/5.0.3...5.0.4
 [5.0.3]: https://github.com/Automattic/jetpack-my-jetpack/compare/5.0.2...5.0.3
 [5.0.2]: https://github.com/Automattic/jetpack-my-jetpack/compare/5.0.1...5.0.2

diff --git a/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.asset.php b/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '4864b71bf8ea75492c3a');
+<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '1628fb0a081cd6798006');
diff --git a/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.css b/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.css
diff --git a/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.js b/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.js
diff --git a/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.rtl.css b/jetpack_vendor/automattic/jetpack-my-jetpack/build/index.rtl.css
diff --git a/jetpack_vendor/automattic/jetpack-my-jetpack/composer.json b/jetpack_vendor/automattic/jetpack-my-jetpack/composer.json
@@ -72,7 +72,7 @@
 			"link-template": "https://github.com/Automattic/jetpack-my-jetpack/compare/${old}...${new}"
 		},
 		"branch-alias": {
-			"dev-trunk": "5.0.x-dev"
+			"dev-trunk": "5.1.x-dev"
 		},
 		"version-constants": {
 			"::PACKAGE_VERSION": "src/class-initializer.php"

diff --git a/jetpack_vendor/automattic/jetpack-my-jetpack/src/class-initializer.php b/jetpack_vendor/automattic/jetpack-my-jetpack/src/class-initializer.php
@@ -42,7 +42,7 @@ class Initializer {
 	 *
 	 * @var string
 	 */
-	const PACKAGE_VERSION = '5.0.5-alpha';
+	const PACKAGE_VERSION = '5.1.0-alpha';
 
 	/**
 	 * HTML container ID for the IDC screen on My Jetpack page.

diff --git a/jetpack_vendor/i18n-map.php b/jetpack_vendor/i18n-map.php
@@ -46,7 +46,7 @@
     ),
     'jetpack-my-jetpack' => array(
       'path' => 'jetpack_vendor/automattic/jetpack-my-jetpack',
-      'ver' => '5.0.5-alpha1732890958',
+      'ver' => '5.1.0-alpha1733103753',
     ),
     'jetpack-password-checker' => array(
       'path' => 'jetpack_vendor/automattic/jetpack-password-checker',

diff --git a/vendor/composer/installed.json b/vendor/composer/installed.json
@@ -7,7 +7,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-a8c-mc-stats",
-                "reference": "b91c2d4f2a07dc8065e797ee32accfd76b64aa50"
+                "reference": "a0d50bfe020e89b785960f8cd478858071b6a014"
             },
             "require": {
                 "php": ">=7.2"
@@ -63,7 +63,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-admin-ui",
-                "reference": "05e66caaa0d28fed59cac82e574702da9b048576"
+                "reference": "e11a487c0367b7407470a5d4c251c4ca8ca2353b"
             },
             "require": {
                 "php": ">=7.2"
@@ -131,7 +131,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-assets",
-                "reference": "6d062d1955662d3caf4fe890bc2b4702056c2a19"
+                "reference": "e16a78b4939e034f1dd3b465f56372d5040ea727"
             },
             "require": {
                 "automattic/jetpack-constants": "^3.0.1",
@@ -203,7 +203,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-autoloader",
-                "reference": "a1201580489aff1666d88403d891d63e86e130d0"
+                "reference": "760db1d13e1a6a112daaaa60ee0562c2083fcfc0"
             },
             "require": {
                 "composer-plugin-api": "^2.2",
@@ -274,7 +274,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-backup-helper-script-manager",
-                "reference": "51326b0979598881a15c03e6822bb95d5d480ad9"
+                "reference": "db613f99e78546f79b2a9877f047899afd68668d"
             },
             "require": {
                 "php": ">=7.2"
@@ -337,7 +337,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-boost-core",
-                "reference": "07812037deeacf307bd865f1d3a0e4f14d3d6d21"
+                "reference": "535e357d5266e250d0fd4ee2f0c854d3dbf10699"
             },
             "require": {
                 "automattic/jetpack-connection": "^6.1.0",
@@ -408,7 +408,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-boost-speed-score",
-                "reference": "1723d0f1c0190a439f410c1fe38cfd93e64c9f84"
+                "reference": "85b1dd609406d07b5ffc204e1f97367b7fb9ceb6"
             },
             "require": {
                 "automattic/jetpack-boost-core": "^0.3.2",
@@ -487,7 +487,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-composer-plugin",
-                "reference": "f1616cf7cae101416591f5668d6c308c5c6a4ec3"
+                "reference": "414a48730a76b266951be43c0637bb0e1de69bd8"
             },
             "require": {
                 "composer-plugin-api": "^2.2",
@@ -550,7 +550,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-config",
-                "reference": "52afb158cee749aaf6087c1e05c29ce6c3897fd7"
+                "reference": "4ccb4c436d33ba765254890f04f8910f96349381"
             },
             "require": {
                 "php": ">=7.2"
@@ -625,7 +625,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-connection",
-                "reference": "f72a55705c3a2ae9ddfa627bbde1fd8cbac696f2"
+                "reference": "ae6b34f6e059c6f6fee14d9efecefadb603cfc96"
             },
             "require": {
                 "automattic/jetpack-a8c-mc-stats": "^3.0.0",
@@ -718,7 +718,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-constants",
-                "reference": "354e3d7086d08543a200faa0661c5eb546093f35"
+                "reference": "91c2d710cbe89d16a39402cab1fb04aa23846685"
             },
             "require": {
                 "php": ">=7.2"
@@ -775,7 +775,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-device-detection",
-                "reference": "517dedf9d9ca4abac5278b3357393c783b5013df"
+                "reference": "4b22343e49d043ea370f5de0b2efe799b2ec2eb6"
             },
             "require": {
                 "php": ">=7.2"
@@ -831,7 +831,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-explat",
-                "reference": "415adddb55b2eb436948c0f2326e4372ae6dad9b"
+                "reference": "ccf120fae6fd18a125d3bfd14a35fe231f1a7d13"
             },
             "require": {
                 "automattic/jetpack-connection": "^6.1.0",
@@ -909,7 +909,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-ip",
-                "reference": "0ffcaa1f7a3de6bfefd15feade68543c4182d292"
+                "reference": "24d52de0fe07cb5670c2d179124461acee5ccec7"
             },
             "require": {
                 "php": ">=7.2"
@@ -970,7 +970,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-jitm",
-                "reference": "e24de4320a6dabe61b2333c3a6a822e4a03ce22c"
+                "reference": "0ef714af73255e24541f3e3a520ae4e14aede856"
             },
             "require": {
                 "automattic/jetpack-a8c-mc-stats": "^3.0.0",
@@ -1048,7 +1048,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-licensing",
-                "reference": "f285e6d698040be6374cb550c1e444a698f5855b"
+                "reference": "1165e0cacba4ec7560c988ef12df29f57792e285"
             },
             "require": {
                 "automattic/jetpack-connection": "^6.1.0",
@@ -1113,7 +1113,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-logo",
-                "reference": "efbb811ac353c3835fd6f6b52de902a1a1afdc3f"
+                "reference": "2af79e4376b8d40942d7605a986cb6c2ec5bdfe7"
             },
             "require": {
                 "php": ">=7.2"
@@ -1164,12 +1164,12 @@
         },
         {
             "name": "automattic/jetpack-my-jetpack",
-            "version": "5.0.5-alpha.1732890958",
-            "version_normalized": "5.0.5.0-alpha1732890958",
+            "version": "5.1.0-alpha.1733103753",
+            "version_normalized": "5.1.0.0-alpha1733103753",
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-my-jetpack",
-                "reference": "01cdbbd80b4766fb64641231f448329cf34ea852"
+                "reference": "54db29413644a8e5880515c328e4aef402c84c88"
             },
             "require": {
                 "automattic/jetpack-admin-ui": "^0.5.1",
@@ -1205,7 +1205,7 @@
                     "link-template": "https://github.com/Automattic/jetpack-my-jetpack/compare/${old}...${new}"
                 },
                 "branch-alias": {
-                    "dev-trunk": "5.0.x-dev"
+                    "dev-trunk": "5.1.x-dev"
                 },
                 "version-constants": {
                     "::PACKAGE_VERSION": "src/class-initializer.php"
@@ -1274,7 +1274,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-password-checker",
-                "reference": "e5f7dfbc76c17a95c92b2e838d6e254b10f73ae6"
+                "reference": "5dda313b27a223082c6d5a8239e9f530a13976e4"
             },
             "require": {
                 "php": ">=7.2"
@@ -1338,7 +1338,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-plans",
-                "reference": "d6e027d23317279fe9a9dc0877b5e419e5194892"
+                "reference": "761a7ab519a485bad1b7dda6be9cfe426c36f36f"
             },
             "require": {
                 "automattic/jetpack-connection": "^6.1.0",
@@ -1409,7 +1409,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-plugins-installer",
-                "reference": "d6662286d6f8e98e353d6e8804dde5f335c6aa88"
+                "reference": "43fc283f93ae90048f78ec71c7b9aa9ffe8178db"
             },
             "require": {
                 "automattic/jetpack-a8c-mc-stats": "^3.0.0",
@@ -1468,7 +1468,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-protect-models",
-                "reference": "056646a54506fc3ee231ebe47bfbd92f6161e91e"
+                "reference": "f5412d1770565f87b99108bcd1ca120a884301d0"
             },
             "require": {
                 "php": ">=7.2"
@@ -1541,7 +1541,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-protect-status",
-                "reference": "6748785bdcede13adb21fae2f4fb0b10d288c154"
+                "reference": "597703d2aa1ff1d3c2b29725c35bc4bdf081689d"
             },
             "require": {
                 "automattic/jetpack-connection": "^6.1.0",
@@ -1619,7 +1619,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-redirect",
-                "reference": "d63788f0684564946983dd9de3511088933cd50a"
+                "reference": "274783be4d0c926297f2da12857cb2d2e355e8d4"
             },
             "require": {
                 "automattic/jetpack-status": "^5.0.1",
@@ -1677,7 +1677,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-roles",
-                "reference": "0620d07d812daf45e5c3c8dcde07027db4ce5e35"
+                "reference": "fbde5ed4cd32e6303bd3ecc55536f9b858d5bd50"
             },
             "require": {
                 "php": ">=7.2"
@@ -1734,7 +1734,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-status",
-                "reference": "565c493d4951756cc24e82225e3777f0c1c2a091"
+                "reference": "de3c4764f20774920a9a0a54d6946916e405c9a3"
             },
             "require": {
                 "automattic/jetpack-constants": "^3.0.1",
@@ -1801,7 +1801,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-sync",
-                "reference": "9c82b8b05123d8d0b41e122d8cda7c47c513b9dc"
+                "reference": "e4933ce4d44466135d1ddfe61b47a976364b9572"
             },
             "require": {
                 "automattic/jetpack-connection": "^6.1.0",
@@ -1882,7 +1882,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-transport-helper",
-                "reference": "2b8690edbc697f6120b2abd6ad652fbb5a7a4bef"
+                "reference": "73a7f9e055153c7b3380505a70711e128fb6d58c"
             },
             "require": {
                 "automattic/jetpack-backup-helper-script-manager": "^0.3.1",
@@ -1960,7 +1960,7 @@
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-waf",
-                "reference": "7aca4700ed254158c4e3ba95f4534f616571f434"
+                "reference": "adf95aaa33cc0b8d4b68bc44c9bbb5065cab0d0e"
             },
             "require": {
                 "automattic/jetpack-connection": "^6.1.0",
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '4864b71bf8ea75492c3a');
		<?php return array('dependencies' => array('jetpack-connection', 'jetpack-script-data', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '1628fb0a081cd6798006');