Forms: Add browser info to form responses detail view (#45674)

* Add get_browser_display_name method

The method returns a browser pretty named parsed from the user agent
string or the string 'other' in case it's an unknown browser to us.

* changelog

* Add browser name and platform to form responses

I've added the browser name and platform to the detail view of the form
responses.

* Add Other as display name catch all

* Move Browser info from div to table

* Fix composer lock issue

* changelog

* Fix static analysis issue

* Fix unit tests

* Update phan baseline

* Return `Unknown browser` translated string...

...when we don't know the specific browser.

Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/18952224061

Upstream-Ref: Automattic/jetpack@758e77e

Author: vianasw

composer.lock

@@ -9,6 +9,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 This is an alpha version! The changes listed here are not final.
 
+### Added
+- Device detection: added a method that returns the browser display name.
+
 ### Changed
 - Device detection: update bot detection list to include new AI and LLM crawler oriented bots.
 

vendor/automattic/jetpack-device-detection/CHANGELOG.md

@@ -95,6 +95,22 @@ class User_Agent_Info {
 	const BROWSER_SILK             = 'silk';
 	const OTHER                    = 'other';
 
+	const BROWSER_DISPLAY_NAME_MAP = array(
+		self::BROWSER_CHROME  => 'Chrome',
+		self::BROWSER_FIREFOX => 'Firefox',
+		self::BROWSER_SAFARI  => 'Safari',
+		self::BROWSER_EDGE    => 'Edge',
+		self::BROWSER_OPERA   => 'Opera',
+		self::BROWSER_IE      => 'Internet Explorer',
+		self::BROWSER_SAMSUNG => 'Samsung Browser',
+		self::BROWSER_UC      => 'UC Browser',
+		self::BROWSER_YANDEX  => 'Yandex Browser',
+		self::BROWSER_VIVALDI => 'Vivaldi',
+		self::BROWSER_MIUI    => 'MIUI Browser',
+		self::BROWSER_SILK    => 'Amazon Silk',
+		self::OTHER           => 'Other',
+	);
+
 	/**
 	 * A list of dumb-phone user agent parts.
 	 *
@@ -362,6 +378,16 @@ public function get_browser() {
 		return self::OTHER;
 	}
 
+	/**
+	 * Get the display name of the browser.
+	 *
+	 * @return string
+	 */
+	public function get_browser_display_name() {
+		$browser = $this->get_browser();
+		return self::BROWSER_DISPLAY_NAME_MAP[ $browser ] ?? $browser;
+	}
+
 	/**
 	 * This method detects for UA which can display iPhone-optimized web content.
 	 * Includes iPhone, iPod Touch, Android, WebOS, Fennec (Firefox mobile), etc.

vendor/automattic/jetpack-device-detection/src/class-user-agent-info.php

@@ -2,12 +2,12 @@
     "packages": [
         {
             "name": "automattic/jetpack-device-detection",
-            "version": "3.3.0-alpha.1761816539",
-            "version_normalized": "3.3.0.0-alpha1761816539",
+            "version": "3.3.0-alpha.1761851286",
+            "version_normalized": "3.3.0.0-alpha1761851286",
             "dist": {
                 "type": "path",
                 "url": "/tmp/jetpack-build/Automattic/jetpack-device-detection",
-                "reference": "c4f5eb315b8b4d956bf7b3ee388e4e5a6b2d2766"
+                "reference": "ce6219932c8bf1132842a842d059cefcdb969d29"
             },
             "require": {
                 "php": ">=7.2"

vendor/composer/installed.json

@@ -11,9 +11,9 @@
     ),
     'versions' => array(
         'automattic/jetpack-device-detection' => array(
-            'pretty_version' => '3.3.0-alpha.1761816539',
-            'version' => '3.3.0.0-alpha1761816539',
-            'reference' => 'c4f5eb315b8b4d956bf7b3ee388e4e5a6b2d2766',
+            'pretty_version' => '3.3.0-alpha.1761851286',
+            'version' => '3.3.0.0-alpha1761851286',
+            'reference' => 'ce6219932c8bf1132842a842d059cefcdb969d29',
             'type' => 'jetpack-library',
             'install_path' => __DIR__ . '/../automattic/jetpack-device-detection',
             'aliases' => array(),