Now properly only shows once for the user. But it won't show ever if the new Gutenberg welcome guide displays.

Author: dovy

redux-templates/assets/js/redux-templates.js

@@ -738,6 +738,28 @@ public function delete_saved_block( \WP_REST_Request $request ) {
 		wp_send_json_success( $deleted_block );
 	}
 
+	/**
+	 * Record that the user has used the welcome guide.
+	 *
+	 * @param \WP_REST_Request $request WP Rest request.
+	 *
+	 * @since 4.0.0
+	 */
+	public function welcome_guide( \WP_REST_Request $request ) {
+		$parameters = $request->get_params();
+		$attributes = $request->get_attributes();
+		if ( ! isset( $parameters['uid'] ) ) {
+			return wp_send_json_error(
+				array(
+					'status'  => 'error',
+					'message' => 'User ID required.',
+				)
+			);
+		}
+		update_user_meta( $parameters['uid'], '_redux_welcome_guide', '1' );
+		wp_send_json_success( array( 'status' => 'success' ) );
+	}
+
 	/**
 	 * Method used to register all rest endpoint hooks.
 	 *
@@ -786,6 +808,10 @@ public function register_api_hooks() {
 				'method'   => 'GET',
 				'callback' => 'plugin_install',
 			),
+			'welcome'     => array(
+				'method'   => 'POST',
+				'callback' => 'welcome_guide',
+			),
 		);
 		$fs    = \Redux_Filesystem::get_instance();
 

redux-templates/assets/js/redux-templates.js.map

@@ -137,30 +137,31 @@ public function editor_assets() {
 			'tos'               => \Redux_Connection_Banner::tos_blurb( 'import_wizard' ),
 		);
 
-		// phpcs:ignore
-		// delete_user_meta( get_current_user_id(), '_redux_welcome_guide' ); // For testing.
-		if ( \Redux_Helpers::is_gutenberg_page() ) {
-			$launched = get_user_meta( get_current_user_id(), '_redux_welcome_guide', true );
-			if ( '1' !== $launched ) {
-				$global_vars['welcome'] = 1;
-				update_user_meta( get_current_user_id(), '_redux_welcome_guide', '1' );
-			}
-		}
-
 		if ( ! $global_vars['mokama'] ) {
-			// phpcs:disable Squiz.PHP.CommentedOutCode
 
-			// delete_user_meta( get_current_user_id(), '_redux_templates_counts'); // To test left.
+			// phpcs:disable Squiz.PHP.CommentedOutCode
+		    // delete_user_meta( get_current_user_id(), '_redux_templates_counts'); // To test left.
 			if ( ! \Redux_Functions_Ex::activated() ) {
 				$count = get_user_meta( get_current_user_id(), '_redux_templates_counts', true );
 				if ( '' === $count ) {
 					$count = self::$default_left;
-					update_user_meta( get_current_user_id(), '_redux_templates_counts', $count );
+					//update_user_meta( get_current_user_id(), '_redux_templates_counts', $count );
 				}
 				$global_vars['left'] = $count;
 			} else {
 				$global_vars['left'] = 999;
 			}
+
+			// phpcs:ignore
+			// delete_user_meta( get_current_user_id(), '_redux_welcome_guide' ); // For testing.
+			if ( \Redux_Helpers::is_gutenberg_page() && $global_vars['left'] === self::$default_left ) {
+				// We don't want to show unless Gutenberg is running and they haven't tried the library yet.
+				$launched = get_user_meta( get_current_user_id(), '_redux_welcome_guide', true );
+				if ( '1' !== $launched ) {
+					$global_vars['welcome'] = 1;
+				}
+			}
+
 		}
 
 		if ( ! $global_vars['mokama'] ) {

redux-templates/assets/js/redux-templates.min.js

@@ -4,6 +4,7 @@
 const { useState } = wp.element;
 import { useSelect } from '@wordpress/data';
 import { ExternalLink, Guide } from '@wordpress/components';
+const {apiFetch} = wp;
 import { __ } from '@wordpress/i18n';
 
 /**
@@ -25,7 +26,9 @@ export default function WelcomeGuide() {
 			select( 'core/edit-post' ).isFeatureActive( 'welcomeGuide' ),
 		[]
 	);
+
 	if ( isActive ) { // Don't want to show during the WP guide.
+		delete redux_templates.welcome; // In fact, we don't want to show it until the next page load!
 		return null;
 	}
 
@@ -39,6 +42,13 @@ export default function WelcomeGuide() {
 			contentLabel={ __( 'Say hello to the Redux template library', redux_templates.i18n ) }
 			onFinish={ () => {
 				setIsOpen( false );
+				const options = {
+					method: 'POST',
+					path: 'redux/v1/templates/welcome/?uid=' + window.userSettings.uid,
+				}
+				apiFetch(options).then(response => {
+				}).catch(error => {
+				});
 			} }
 			pages={ [
 				{