Merge branch 'develop' into feature/hide-connection-string

Author: Marco Pereirinha

css/cloudinary.css

@@ -146,7 +146,7 @@
     "terser-webpack-plugin": "^4.2.3",
     "tippy.js": "^6.3.1",
     "typescript": "^4.0.5",
-    "webpack": "^5.76.0",
+    "webpack": "^5.94.0",
     "webpack-cli": "^4.2.0",
     "webpackbar": "^5.0.2"
   },

package-lock.json

@@ -60,6 +60,9 @@ public function no_assets() {
 	 * @return array
 	 */
 	public function register_settings( $pages ) {
+
+		$plugin = $this->plugin;
+
 		$pages['dashboard'] = array(
 			'page_title'          => __( 'Cloudinary Dashboard', 'cloudinary' ),
 			'menu_title'          => __( 'Dashboard', 'cloudinary' ),
@@ -154,7 +157,7 @@ public function register_settings( $pages ) {
 											'cld-toggle',
 											'hidden',
 										),
-										'title'       => __( 'View errored assets', 'cloudinary' ),
+										'title'     => __( 'View errored assets', 'cloudinary' ),
 									),
 								),
 								array(
@@ -183,7 +186,7 @@ public function register_settings( $pages ) {
 											'cld-toggle',
 											'hidden',
 										),
-										'title'       => __( 'Retry sync assets with errors', 'cloudinary' ),
+										'title'     => __( 'Retry sync assets with errors', 'cloudinary' ),
 									),
 								),
 							),
@@ -357,7 +360,11 @@ public function register_settings( $pages ) {
 				),
 				array(
 					'type'  => 'panel',
-					'title' => __( 'Plan details', 'cloudinary' ),
+					'title' => function () use ( $plugin ) {
+						$cloud_name = $plugin->components['connect']->get_cloud_name();
+						/* Translators: placeholder is the Cloudinary cloud name. */
+						return sprintf( __( 'Plan details for @%s', 'cloudinary' ), esc_html( $cloud_name ) );
+					},
 					array(
 						'type' => 'plan_details',
 					),

package.json

@@ -53,10 +53,15 @@ protected function set_param_array( $parts, $param, $value ) {
 			return $new;
 		}
 
-		if ( '' === $key ) {
-			$new[] = $value;
+		if ( is_array( $new ) ) {
+			if ( '' === $key ) {
+				$new[] = $value;
+			} else {
+				$new[ $key ] = $value;
+			}
 		} else {
-			$new[ $key ] = $value;
+			// There's likely a problem here, as we're setting an array key on a non-array.
+			$new = array();
 		}
 		// @TODO: I took ksort out, need to check that it doesn't have any problems being.
 

php/class-dashboard.php

@@ -57,6 +57,10 @@
 			font-size: $size-panel-description;
 		}
 
+		.cloudname {
+			font-style: italic;
+		}
+
 		.button:not(.wp-color-result) {
 			background-color: $color-cld-blue;
 			color: #fff;

php/traits/trait-params.php

@@ -20,9 +20,17 @@
 		'type'        => 'panel',
 		'title'       => __( 'Account status', 'cloudinary' ),
 		'description' => function () {
-			$data = get_plugin_instance()->settings->get_value( 'last_usage' );
+			$plugin     = get_plugin_instance();
+			$data       = $plugin->settings->get_value( 'last_usage' );
+			$cloud_name = $plugin->components['connect']->get_cloud_name();
 
-			return $data['plan'];
+			ob_start();
+			?>
+				<?php echo esc_html( $data['plan'] ); ?>
+				<br />
+				<span class="cld-ui-description-cloudname cloudname">@<?php echo esc_html( $cloud_name ); ?></span>
+			<?php
+			return ob_get_clean();
 		},
 		'collapsible' => 'open',
 		array(
@@ -65,7 +73,6 @@
 
 			/* translators: %s is the percentage optimized. */
 			return sprintf( __( '%s Optimized', 'cloudinary' ), $percentage );
-
 		},
 		'collapsible' => 'closed',
 		array(