Making it work

includes/WPAdmin/Listeners/DataAttrListener.php

@@ -2,8 +2,6 @@
 
 namespace NewfoldLabs\WP\Module\Installer\WPAdmin\Listeners;
 
-use NewfoldLabs\WP\Module\Installer\Services\PluginInstaller;
-
 /**
  * Manages all the data-* listening related functionalities for the module.
  */
@@ -34,17 +32,6 @@ public function enqueue_data_attr_listener() {
 				true
 			);
 
-			wp_add_inline_script(
-				'nfd-installer-data-attr-listener',
-				'var nfdInstaller =' . wp_json_encode(
-					value: array(
-						'restUrl'           => \get_home_url() . '/index.php?rest_route=',
-						'pluginInstallHash' => PluginInstaller::rest_get_plugin_install_hash(),
-					)
-				) . ';',
-				'before'
-			);
-
 			wp_enqueue_script( 'nfd-installer-data-attr-listener' );
 		}
 	}

includes/WPAdmin/Listeners/InstallerListener.php

@@ -0,0 +1,62 @@
+<?php
+
+namespace NewfoldLabs\WP\Module\Installer\WPAdmin\Listeners;
+
+use NewfoldLabs\WP\Module\Installer\Services\PluginInstaller;
+
+/**
+ * Manages all the installer enqueue related functionalities for the module.
+ */
+class InstallerListener {
+
+	/**
+	 * Constructor for the Installer class.
+	 */
+	public function __construct() {
+		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_installer_script' ) );
+	}
+
+	/**
+	 * Enqueues the installer script.
+	 *
+	 * @return void
+	 */
+	public function enqueue_installer_script() {
+		$asset_file = NFD_INSTALLER_BUILD_DIR . '/installer.asset.php';
+
+		if ( is_readable( $asset_file ) ) {
+
+			$asset = include $asset_file;
+
+			wp_register_script(
+				'nfd-installer-enqueue',
+				NFD_INSTALLER_BUILD_URL . '/installer.js',
+				array_merge( $asset['dependencies'], array() ),
+				$asset['version'],
+				true
+			);
+
+			wp_register_style(
+				'nfd-installer-enqueue',
+				NFD_INSTALLER_BUILD_URL . '/installer.css',
+				array(),
+				$asset['version']
+			);
+
+			wp_add_inline_script(
+				'nfd-installer-enqueue',
+				'var nfdInstaller =' . wp_json_encode(
+					value: array(
+						'restUrl'           => \get_home_url() . '/index.php?rest_route=',
+						'pluginInstallHash' => PluginInstaller::rest_get_plugin_install_hash(),
+					)
+				) . ';',
+				'before'
+			);
+
+
+			wp_enqueue_script( 'nfd-installer-enqueue' );
+			wp_enqueue_style( 'nfd-installer-enqueue' );
+		}
+	}
+}

includes/WPAdmin/WPAdmin.php

@@ -3,6 +3,7 @@
 namespace NewfoldLabs\WP\Module\Installer\WPAdmin;
 
 use NewfoldLabs\WP\Module\Installer\WPAdmin\Listeners\DataAttrListener;
+use NewfoldLabs\WP\Module\Installer\WPAdmin\Listeners\InstallerListener;
 
 /**
  * Manages all the wp-admin related functionalities for the module.
@@ -13,5 +14,6 @@ class WPAdmin {
 	 */
 	public function __construct() {
 		new DataAttrListener();
+		new InstallerListener();
 	}
 }