packaged version 4.20.0 (#316)

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

Author: MlKilderkin

CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [4.20.0]
+
+### Changed
+- Update the cart total when QTY is updated 
+- 'Update total' button click, while shipping calculation, will update the total price
+
+### Fixed
+- Fixed issue when webhooks option is enabled during onboarding process. Check if webhook already exists and return its id instead of trying to recreate it  
+- Fixed error occurring while plugin activation. Problem was caused by handling the property on an empty object
+- Fixed bccustomervisibleterms value issue. Previously WP_Error could be set as transient value and cause issues on the storefront. Currently when error is occured empty value will be saved to transient
+- Fixed the inventory updates via webhook. The inventory level should be updated when it is changed on the BC side whether a product or variant tracking is enabled.
+- Fixed product images switch when the user selects the variant. The corresponding image of the variant will be displayed
+
 ## [4.19.1]
 
 ### Changed
@@ -1641,6 +1654,7 @@
   in fact, reset postdata, so far as Gutenberg 3.2.0 is concerned.
 
 
+[4.20.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.19.1...4.20.0
 [4.19.1]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.19.0...4.19.1
 [4.19.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.18.0...4.19.0
 [4.18.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/4.17.1...4.18.0

assets/css/cart-amp.css

@@ -137,13 +137,17 @@ const updatedCartTotals = (data = {}) => {
 	tools.getNodes('bc-cart', true).forEach((cart) => {
 		const baseAmount = cartData.subtotal.formatted;
 		const subTotal = tools.getNodes('.bc-cart-subtotal__amount', false, cart, true)[0];
-		const taxAmount = cartData.tax_amount.formatted;
 		const taxTotal = tools.getNodes('.bc-cart-tax__amount', false, cart, true)[0];
+		const cartTotal = tools.getNodes('.bc-cart-total__amount', false, cart, true)[0];
 
 		subTotal.textContent = baseAmount;
 
 		if (taxTotal) {
-			taxTotal.textContent = taxAmount;
+			taxTotal.textContent = cartData.tax_amount.formatted;
+		}
+
+		if (cartTotal) {
+			cartTotal.textContent = cartData.cart_amount.formatted;
 		}
 	});
 };

assets/css/cart-amp.min.css

@@ -221,8 +221,11 @@ const getMethods = (e) => {
 const updateShippingCosts = (shippingOption) => {
 	const subtotal = shippingOption.dataset.cartSubtotal;
 	const subtotalContainer = tools.getNodes('.bc-cart-subtotal__amount', false, document, true)[0];
-
 	subtotalContainer.innerText = subtotal;
+
+	const total = shippingOption.dataset.cartTotal;
+	const totalContainer = tools.getNodes('.bc-cart-total__amount', false, document, true)[0];
+	totalContainer.innerText = total;
 };
 
 /**

assets/css/master.css

@@ -197,7 +197,10 @@ const showVariantImage = (swiperInstance, swiperNavInstance) => {
 	swiperInstance.appendSlide(slide);
 	swiperInstance.update();
 	swiperInstance.slideTo(swiperInstance.slides.length);
-	swiperNavInstance.slideTo(0);
+
+	if (swiperNavInstance) {
+		swiperNavInstance.slideTo(0);
+	}
 
 	_.delay(() => {
 		trigger({ event: 'bigcommerce/init_slide_zoom', data: { container: slide.querySelector('img') }, native: false });
@@ -224,7 +227,10 @@ const removeVariantImage = (swiperInstance, swiperNavInstance) => {
 	});
 
 	swiperInstance.slideTo(0);
-	swiperNavInstance.slideTo(0);
+
+	if (swiperNavInstance) {
+		swiperNavInstance.slideTo(0);
+	}
 
 	if (!slideIndex) {
 		return;
@@ -256,11 +262,7 @@ const showHideVariantImage = (e, wrapper = '') => {
 	const swiperWrapper = tools.getNodes('bc-gallery-container', false, currentWrapper)[0];
 	const swiperInstance = swiperWrapper.swiper;
 	const swiperNavWrapper = tools.getNodes(`[data-id="${swiperWrapper.dataset.controls}"]`, false, document, true)[0];
-	// Check that the proper thumbnail slider present in the DOM before calling the swiper object.
-	if (!swiperNavWrapper) {
-		return;
-	}
-	const swiperNavInstance = swiperNavWrapper.swiper;
+	const swiperNavInstance = swiperNavWrapper ? swiperNavWrapper.swiper : null;
 
 	// hide the image after each variant request.
 	removeVariantImage(swiperInstance, swiperNavInstance);