packaged version 4.23.0 (#326)

Co-authored-by: Mykhailo Los <[email protected]>

Author: MlKilderkin

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [4.23.0]
+
+### Added
+- In order to speed up the import process running import tasks in parallel was added. The option can be enabled in  Bigcommerce > Settings > Product Sync. Enabling it will add an additional background task runs on listings, channels initialization, and product data fetching.
+- Added support for customer webhooks, which will enable real-time data syncing between BigCommerce and BC4WP for customer related data, such as new customers being created and updated login settings. The options can be enabled during onboarding process or in Bigcommerce > Settings > Product Sync
+
+### Fixed
+- Improve import process performance, optimize cleanup queries in order to reduce server resource consumption. Perform an additional cleanup before import starts. 
+
 ## [4.22.0]
 
 ### Added
@@ -1679,6 +1688,7 @@
   in fact, reset postdata, so far as Gutenberg 3.2.0 is concerned.
 
 
+[4.23.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.22.0...4.23.0
 [4.22.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.21.1...4.22.0
 [4.21.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.20.1...4.21.0
 [4.20.1]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.20.0...4.20.1

assets/js/dist/admin/gutenberg/scripts.js

@@ -29,7 +29,11 @@ const createSpinLoader = () => {
 		opacity: 0.5,
 	};
 
-	return new Spinner(options).spin(el.loader);
+	const spinner = new Spinner(options).spin(el.loader);
+
+	if (spinner.el) {
+		spinner.el.setAttribute('aria-label', I18N.operations.loading);
+	}
 };
 
 /**

assets/js/dist/admin/gutenberg/scripts.min.js

@@ -40,7 +40,7 @@ const init = () => {
 		}
 
 		// append banner to location
-		banners[banner.location] += bannerContent(banner.content);
+		banners[banner.location] += bannerContent(banner.content, banner.name);
 	});
 
 	const styles = `background-color: ${GLOBALS.BANNERS.bg_color}; color: ${GLOBALS.BANNERS.text_color};`;

assets/js/dist/admin/scripts.js

@@ -35,14 +35,18 @@ const createSpinLoader = (itemContainer = '') => {
 	}
 
 	const container = tools.closest(itemContainer, '.bc-load-items');
-	const spinner = tools.getNodes('.bc-load-items__loader', false, container, true)[0];
+	const loader = tools.getNodes('.bc-load-items__loader', false, container, true)[0];
 	const spinnerOptions = {
 		opacity: 0.5,
 		scale: 0.5,
 		lines: 12,
 	};
 
-	new Spinner(spinnerOptions).spin(spinner);
+	const spinner = new Spinner(spinnerOptions).spin(loader);
+
+	if (spinner.el) {
+		spinner.el.setAttribute('aria-label', NLS.operations.loading);
+	}
 };
 
 /**

assets/js/dist/admin/scripts.min.js

@@ -115,7 +115,11 @@ const createSpinner = () => {
 		lines: 12,
 	};
 
-	new Spinner(spinnerOptions).spin(el.spinner);
+	const spinner = new Spinner(spinnerOptions).spin(el.spinner);
+
+	if (spinner.el) {
+		spinner.el.setAttribute('aria-label', NLS.operations.loading);
+	}
 };
 
 /**

assets/js/dist/scripts.js

@@ -1,5 +1,5 @@
-export const bannerContent = content => (
-	`<div class="bc-banner">${content}</div>`
+export const bannerContent = (content, label) => (
+	`<aside class="bc-banner" aria-label="${label}">${content}</aside>`
 );
 
 export const bannerWrapper = (styles = null, banners = null) => (

assets/js/dist/scripts.min.js

@@ -3,7 +3,7 @@
 Plugin Name:  BigCommerce for WordPress
 Description:  Scale your ecommerce business with WordPress on the front-end and BigCommerce on the back end. Free up server resources from things like catalog management, processing payments, and managing fulfillment logistics.
 Author:       BigCommerce
-Version:      4.22.0
+Version:      4.23.0
 Author URI:   https://www.bigcommerce.com/wordpress
 Requires PHP: 7.4.0
 Text Domain:  bigcommerce

assets/js/dist/vendor.js

@@ -1,2 +1,2 @@
 <?php
-define('BIGCOMMERCE_ASSETS_BUILD_TIMESTAMP', '4.45.12.17.2021');
+define('BIGCOMMERCE_ASSETS_BUILD_TIMESTAMP', '5.41.01.24.2022');

assets/js/dist/vendor.min.js

@@ -3,7 +3,7 @@ Contributors: bigcommerce, moderntribe, jbrinley, becomevocal, vincentlistrani,
 Tags: ecommerce, online store, sell online, storefront, retail, online shop, bigcommerce, big commerce, e-commerce, physical products, buy buttons, commerce, shopping cart, checkout, cart, shop, headless commerce, shipping, payments, fulfillment
 Requires at least: 5.2
 Tested up to: 5.8.1
-Stable tag: 4.22.0
+Stable tag: 4.23.0
 Requires PHP: 7.4.0
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html

assets/js/src/admin/shortcode-ui/ajax-query.js

@@ -45,6 +45,7 @@ public function get_data() {
 				'no_resources_json_data'            => __( 'There was an error retrieving the resources data. Please refresh this page and try again.', 'bigcommerce' ),
 			],
 			'operations' => [
+				'loading'                => __( 'Loading', 'bigcommerce' ),
 				'query_string_separator' => __( '&', 'bigcommerce' ),
 			],
 			'text'       => [

assets/js/src/public/banners/banners.js

@@ -18,6 +18,7 @@ public function get_data() {
 
 		$js_i18n_array = [
 			'operations' => [
+				'loading' => __( 'Loading', 'bigcommerce' ),
 				'query_string_separator' => __( '&', 'bigcommerce' ),
 			],
 			'cart'       => [

assets/js/src/public/buttons/pagination.js

@@ -17,10 +17,11 @@
 use Pimple\Container;
 
 class Import extends Provider {
-	const CRON_MONITOR = 'import.cron.monitor';
-	const CRON_RUNNER  = 'import.cron.runner';
-	const LOCK_MONITOR = 'import.lock.monitor';
-	const TIMEOUT      = 'timeout';
+	const CRON_MONITOR    = 'import.cron.monitor';
+	const CRON_RUNNER     = 'import.cron.runner';
+	const PARALLEL_RUNNER = 'import.async.runner';
+	const LOCK_MONITOR    = 'import.lock.monitor';
+	const TIMEOUT         = 'timeout';
 
 	const TASK_MANAGER  = 'import.task_manager';
 	const TASK_LIST     = 'import.task_list';
@@ -72,6 +73,10 @@ private function cron( Container $container ) {
 			return new Runner\Cron_Runner();
 		};
 
+		$container[ self::PARALLEL_RUNNER ] = function ( Container $container ) {
+			return new Runner\AsyncProcessing_Runner();
+		};
+
 		add_action( 'init', $this->create_callback( 'cron_init', function () use ( $container ) {
 			if ( $container[ Settings::CONFIG_STATUS ] >= Settings::STATUS_CHANNEL_CONNECTED ) {
 				$container[ self::CRON_MONITOR ]->check_for_scheduled_crons();
@@ -106,9 +111,12 @@ private function cron( Container $container ) {
 			$container[ self::CRON_RUNNER ]->continue_import();
 		} ), 10, 0 );
 
-		add_action( 'wp_ajax_' . Import_Status::AJAX_ACTION_IMPORT_STATUS, $this->create_callback( 'ajax_continue', function () use ( $container ) {
-			$container[ self::CRON_RUNNER ]->ajax_continue_import();
-		} ), 5, 0 );
+		add_action( Runner\AsyncProcessing_Runner::CONTINUE_IMPORT, $this->create_callback( 'async_import_run', function () use ( $container ) {
+			if ( ! Import_Status::is_parallel_run_enabled() ) {
+				return;
+			}
+			$container[ self::PARALLEL_RUNNER ]->run();
+		} ), 10, 0 );
 	}
 
 	private function process( Container $container ) {
@@ -171,7 +179,7 @@ private function process( Container $container ) {
 		};
 
 		$container[ self::QUEUE ] = function ( Container $container ) {
-			return new Processors\Queue_Runner( $container[ Api::FACTORY ]->catalog(), $container[ self::BATCH_SIZE ], 10 );
+			return new Processors\Queue_Runner( $container[ Api::FACTORY ]->catalog(), $container[ self::BATCH_SIZE ], 5 );
 		};
 
 		$container[ self::STORE ] = function ( Container $container ) {
@@ -197,6 +205,8 @@ private function process( Container $container ) {
 
 		$start = $this->create_callback( 'process_start', function () use ( $container ) {
 			$container[ self::START ]->run();
+			// Run pre import cleanup process. Set abort = false, pre_import = true
+			$container[ self::CLEANUP ]->run( false, true );
 		} );
 		add_action( 'bigcommerce/import/start', $start, 10, 0 );