Update plugin and theme auto-update settings

Author: ravichdev

plugin/assets/src/settings/components/integrations/updater.js

@@ -85,7 +85,7 @@ const Updater = ( {
 
 	const handleAutoUpdateToggle = () => {
 		dispatch( { type: ACTIONS.TOGGLE_UPDATES, payload: { type } } );
-		toggleAutoUpdate( type );
+		toggleAutoUpdate( type, checked );
 	};
 
 	return (

plugin/assets/src/settings/constants.js

@@ -58,7 +58,7 @@ export const UPDATERS = {
 		needsKey: false,
 		updateAvailable: '0' !== String( getConfig( 'pluginUpdateStatus' ) ),
 		versionAvailable: getConfig( 'pluginUpdateStatus' ),
-		autoUpdates: parseInt( getConfig( 'pluginAutoUpdate' ), 10 ),
+		autoUpdates: parseInt( getConfig( 'pluginAutoUpdate' ) || 0, 10 ),
 		displayUpdatedOn: false,
 	},
 	THEME: {
@@ -68,7 +68,7 @@ export const UPDATERS = {
 		needsKey: false,
 		updateAvailable: '0' !== String( getConfig( 'themeUpdateStatus' ) ),
 		versionAvailable: getConfig( 'themeUpdateStatus' ),
-		autoUpdates: parseInt( getConfig( 'themeAutoUpdate' ), 10 ),
+		autoUpdates: parseInt( getConfig( 'themeAutoUpdate' ) || 0, 10 ),
 		displayUpdatedOn: false,
 	},
 };

plugin/assets/src/settings/utils.js

@@ -38,6 +38,12 @@ export const update = type => {
 	if ( type === UPDATERS.ICONS.type ) {
 		return updateIcons();
 	}
+
+	if ( isCoreUpdate( type ) ) {
+		return new Promise( () => {
+			window.location.href = getConfig( 'coreUpdateUrl' );
+		} );
+	}
 };
 
 /**
@@ -74,6 +80,9 @@ const updateIcons = () => {
 	} );
 };
 
+const isCoreUpdate = type =>
+	[ UPDATERS.PLUGIN.type, UPDATERS.THEME.type ].includes( type );
+
 /**
  * Save API Key in database
  *
@@ -99,10 +108,31 @@ export const setApiKey = key => {
  * Turn auto updates on/off
  *
  * @param {string} type Item to toggle updates
+ * @param {boolean} currentStatus Current status of the toggle.
  * @return {Promise} Request response
  */
-export const toggleAutoUpdate = type => {
+export const toggleAutoUpdate = ( type, currentStatus ) => {
 	return new Promise( ( resolve, reject ) => {
+		if ( isCoreUpdate( type ) ) {
+			// eslint-disable-next-line no-undef
+			const body = new FormData();
+			body.append( 'action', 'toggle-auto-updates' );
+			body.append( '_ajax_nonce', getConfig( 'autoUpdateNonce' ) );
+			body.append( 'state', currentStatus ? 'disable' : 'enable' );
+			body.append( 'type', type.toLowerCase() );
+			body.append( 'asset', getConfig( `${ type.toLowerCase() }AssetName` ) );
+
+			apiFetch( {
+				url: getConfig( 'autoUpdateUrl' ),
+				method: 'POST',
+				body,
+			} )
+				.then( resolve )
+				.catch( reject );
+
+			return;
+		}
+
 		apiFetch( {
 			path: getConfig( 'assetsRestPath' ) + 'toggle-auto-updates',
 			method: 'POST',

plugin/php/class-admin.php

@@ -316,6 +316,11 @@ public function enqueue_assets() {
 					'themeAutoUpdate'    => in_array( Plugin::THEME_SLUG, get_site_option( 'auto_update_themes', [] ), true ),
 					'pluginUpdateStatus' => $plugin_status,
 					'themeUpdateStatus'  => $theme_status,
+					'coreUpdateUrl'      => admin_url( 'update-core.php' ),
+					'autoUpdateNonce'    => wp_create_nonce( 'updates' ),
+					'autoUpdateUrl'      => admin_url( 'admin-ajax.php' ),
+					'pluginAssetName'    => $plugin_file,
+					'themeAssetName'     => Plugin::THEME_SLUG,
 				]
 			);
 		}