Add getInstalledPlugins resolver with preloaded data

client/marketing/data/index.js

@@ -15,10 +15,8 @@ import * as actions from './actions';
 import * as selectors from './selectors';
 import * as resolvers from './resolvers';
 
-const { installedExtensions } = getSetting( 'marketing', {} );
-
 const DEFAULT_STATE = {
-	installedPlugins: installedExtensions,
+	installedPlugins: [],
 	activatingPlugins: [],
 	recommendedPlugins: [],
 	blogPosts: [],
@@ -63,3 +61,7 @@ registerStore( STORE_KEY, {
 	},
 
 } );
+
+// Set installedPlugins from preloaded setting.
+const { installedExtensions } = getSetting( 'marketing', {} );
+actions.receiveInstalledPlugins( installedExtensions );

client/marketing/data/resolvers.js

@@ -10,10 +10,27 @@ import { apiFetch } from '@wordpress/data-controls';
 import {
 	handleFetchError,
 	receiveRecommendedPlugins,
+	receiveInstalledPlugins,
 	receiveBlogPosts,
 } from './actions';
 import { API_NAMESPACE } from './constants';
 
+export function* getInstalledPlugins() {
+	try {
+		const response = yield apiFetch( {
+			path: `${ API_NAMESPACE }/overview/installed-plugins`
+		} );
+
+		if ( response ) {
+			yield receiveInstalledPlugins( response );
+		} else {
+			throw new Error();
+		}
+	} catch ( error ) {
+		yield handleFetchError( error, __( 'There was an error loading installed extensions.', 'woocommerce-admin' ) );
+	}
+}
+
 export function* getRecommendedPlugins() {
 	try {
 		const response = yield apiFetch( {