Merge pull request #208 from moderntribe/release/3.18.0

packaged version 3.18.0

Author: becomevocal

CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [3.18.0]
+
+### Added
+
+- Added support for new larger image size and zoom features on the PDP in multiple 
+  supported WordPress themes.
+- Added version numbers to templates. Diagnostics panel will now check major versions of overridden files.
+- Support for Flatsome theme added starting with version 3.10.1 of the theme.
+- Added filter to Cart_Mapper map (PR #201).
+
+### Changed
+
+- Changed filtering on Brand and Product Category descriptions to use `wp_kses_post()` instead
+  of `wp_filter_kses()`. This allows the use of more HTML tags in those term descriptions.
+- Added some additional refined style adjustments to the WordPress Twenty-Twenty theme.
+- Made a change to the onboarding page for connecting your channel. Form sections now start
+  open so you can edit all fields immediately.
+- Both enabled site ssl and Sitewide HTTPS setting in BC store are required to use embedded checkout.
+
+### Fixed
+
+- Empty cart destination link from Customizer is properly linked in the cart.
+- Product sync reflects adding/removing products from store channels.
+
+
 ## [3.17.0]
 
 ### Added
@@ -1136,6 +1161,7 @@
   in fact, reset postdata, so far as Gutenberg 3.2.0 is concerned.
 
 
+[3.18.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/3.17.0...3.18.0
 [3.17.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/3.16.0...3.17.0
 [3.16.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/3.15.0...3.16.0
 [3.15.0]: https://github.com/bigcommerce/bigcommerce-for-wordpress/compare/3.14.0...3.15.0

assets/css/bc-gutenberg.css

@@ -5,6 +5,7 @@
 
 import _ from 'lodash';
 import delegate from 'delegate';
+import queryToJson from 'utils/data/query-to-json';
 import Choices from 'choices.js';
 import * as tools from '../../utils/tools';
 import { up, down } from '../../utils/dom/slide';
@@ -145,6 +146,20 @@ const cacheElements = () => {
 	el.settingSelectFields = tools.getNodes('.bc-field-choices', true, el.container, true);
 };
 
+/**
+ * @function maybeOpenSections
+ * @description Maybe open specific sections depending on the page we're displaying.
+ */
+const maybeOpenSections = () => {
+	// Case: BigCommerce onboading Channel Settings page should have sections open.
+	if (queryToJson(el.url.query).page === 'bigcommerce_channel') {
+		el.settingSections.forEach((section) => {
+			const target = tools.getNodes('section-toggle-target', false, section)[0];
+			expandSection(section, target);
+		});
+	}
+};
+
 /**
  * @function bindEvents
  * @description bind all event listeners to this function.
@@ -179,6 +194,7 @@ const init = () => {
 		scrollToSection(section);
 	}
 
+	maybeOpenSections();
 	bindEvents();
 };
 

assets/css/bc-gutenberg.min.css

@@ -11,7 +11,7 @@ import { trigger } from 'utils/events';
 import { wpAPIAddToCartAjax } from 'utils/ajax';
 import { CART_API_BASE, AJAX_CART_ENABLED, AJAX_CART_NONCE } from 'publicConfig/wp-settings';
 import { NLS } from 'publicConfig/i18n';
-import { cartMenuSet } from './cart-menu-item';
+import { cartMenuSet, updateFlatsomeCartMenuQty, updateFlatsomeCartMenuPrice } from './cart-menu-item';
 
 const state = {
 	isFetching: false,
@@ -246,6 +246,8 @@ const handleAjaxAddToCartRequest = (e) => {
 
 			createAjaxResponseMessage(form, NLS.cart.ajax_add_to_cart_success, false);
 			updateCartItemCount(res.body);
+			updateFlatsomeCartMenuQty();
+			updateFlatsomeCartMenuPrice(res.body);
 			trigger({ event: 'bigcommerce/update_mini_cart', native: false });
 		});
 };

assets/css/master-amp.css

@@ -14,7 +14,7 @@ import { CART_API_BASE } from 'publicConfig/wp-settings';
 import { CART_ID_COOKIE_NAME, CART_ITEM_COUNT_COOKIE } from 'bcConstants/cookies';
 import { NLS } from 'publicConfig/i18n';
 import { cartEmpty } from './cart-templates';
-import { updateMenuQtyTotal, updateCartMenuItem } from './cart-menu-item';
+import { updateMenuQtyTotal, updateCartMenuItem, updateFlatsomeCartMenuQty, updateFlatsomeCartMenuPrice } from './cart-menu-item';
 
 const timeoutOptions = {
 	delay: 500,
@@ -138,6 +138,17 @@ const updatedCartTotals = (data = {}) => {
 	});
 };
 
+const handleFlatsomeTheme = (data = {}) => {
+	const flatsome = tools.getNodes('.bc-wp-flatsome-theme', false, document, true)[0];
+
+	if (!flatsome) {
+		return;
+	}
+
+	updateFlatsomeCartMenuQty();
+	updateFlatsomeCartMenuPrice(data);
+};
+
 /**
  * @function cartItemQtyUpdated
  * @description handle the API response when a cart item is updated.
@@ -151,6 +162,7 @@ const cartItemQtyUpdated = (data = {}) => {
 	updateCartItems(data);
 	updatedCartTotals(data);
 	updateMenuQtyTotal(data);
+	handleFlatsomeTheme(data);
 };
 
 /**
@@ -247,11 +259,13 @@ const removeCartItem = (itemRow = '', data = {}) => {
 		Cookies.remove(CART_ID_COOKIE_NAME);
 		Cookies.remove(CART_ITEM_COUNT_COOKIE);
 		updateCartMenuItem();
+		handleFlatsomeTheme(data.body);
 		return;
 	}
 
 	updatedCartTotals(data.body);
 	updateMenuQtyTotal(data.body);
+	handleFlatsomeTheme(data.body);
 };
 
 /**

assets/css/master-amp.min.css

@@ -41,6 +41,25 @@ const updateMenuQtyTotal = (data = {}) => {
 	updateCartMenuItem();
 };
 
+const updateFlatsomeCartMenuPrice = (data = {}) => {
+	const price = !_.isEmpty(data) ? data.subtotal.formatted : '';
+	const menuItemPrice = tools.getNodes('.header-cart-link .cart-price', false, document, true)[0];
+
+	menuItemPrice.innerHTML = price;
+};
+
+const updateFlatsomeCartMenuQty = () => {
+	let currentCount = Cookies.get(CART_ITEM_COUNT_COOKIE);
+
+	if (!currentCount) {
+		currentCount = '0';
+	}
+
+	const menuItemQty = tools.getNodes('.header-cart-link .cart-icon strong', false, document, true)[0];
+
+	menuItemQty.innerHTML = currentCount;
+};
+
 const updateMenuQtyOnPageLoad = () => {
 	const cookie = Cookies.get(CART_ITEM_COUNT_COOKIE);
 
@@ -59,4 +78,4 @@ const updateMenuQtyOnPageLoad = () => {
 	}
 };
 
-export { cartMenuSet, updateMenuQtyTotal, updateMenuQtyOnPageLoad, updateCartMenuItem };
+export { cartMenuSet, updateMenuQtyTotal, updateMenuQtyOnPageLoad, updateCartMenuItem, updateFlatsomeCartMenuPrice, updateFlatsomeCartMenuQty };

assets/css/master.css

@@ -59,6 +59,7 @@ const handleClicks = (e) => {
 	}
 
 	e.preventDefault();
+	e.stopPropagation();
 
 	const miniCartWrapper = tools.getNodes('bc-mini-cart', false, e.delegateTarget.parentNode)[0];
 

assets/css/master.min.css

@@ -162,6 +162,10 @@ const filterAPIPricingData = (type = '', APIPricingNode = '', data = {}) => {
 	const pricingNodes = [];
 	const pricingContainer = tools.closest(APIPricingNode, '[data-js="bc-product-pricing"]');
 
+	if (!pricingContainer) {
+		return;
+	}
+
 	// This will hide the spinner because state.isFetching is false.
 	maybePriceIsLoading(pricingContainer);
 

assets/js/dist/admin/scripts.js

@@ -151,6 +151,9 @@
 		opacity: 1;
 		visibility: visible;
 		background-color: var(--color-white);
+		height: auto;
+		max-height: calc(100vh - 132px);
+		overflow: scroll;
 	}
 
 	.bc-mini-cart {

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

@@ -17,10 +17,13 @@
 		}
 	}
 
-	img[data-zoom] {
+	.bc-product-single & {
 
-		&:hover {
-			cursor: zoom-in;
+		img[data-zoom] {
+
+			&:hover {
+				cursor: zoom-in;
+			}
 		}
 	}
 

assets/js/dist/admin/vendor.js

@@ -1,6 +1,5 @@
 .bc-pdp-wish-list-wrapper {
 	position: relative;
-	z-index: 1;
 }
 
 button.bc-btn.bc-pdp-wish-list-toggle,

assets/js/dist/admin/vendor.min.js

@@ -24,6 +24,7 @@
 @import "variables/transitions";
 @import "variables/typography";
 @import "variables/spacers";
+@import "variables/containers";
 
 /* Settings */
 @import "settings/grid";

assets/js/dist/scripts.js

@@ -0,0 +1,13 @@
+:root {
+	/* 960 */
+	--container-960: 960px;
+
+	/* 1200 */
+	--container-1140: 1140px;
+
+	/* 1200 */
+	--container-1200: 1200px;
+
+	/* 1440 */
+	--container-1440: 1440px;
+}

assets/js/dist/scripts.min.js

@@ -6,6 +6,7 @@
 @custom-media --viewport-wpadmin (min-width: 783px);
 @custom-media --viewport-wpadmin-max (max-width: 782px);
 @custom-media --viewport-full (min-width: 960px);
+@custom-media --viewport-981 (min-width: 981px);
 @custom-media --viewport-min-1000 (min-width: 1000px);
 @custom-media --viewport-max-1000 (max-width: 1000px);
 @custom-media --viewport-large (min-width: 1200px);

assets/js/dist/vendor.js

@@ -9,4 +9,10 @@
  */
 
 /* Themes */
+@import "twenty-sixteen-theme";
+@import "twenty-nineteen-theme";
 @import "twenty-twenty-theme";
+@import "genesis-themes";
+@import "shoptimizer";
+@import "veganos";
+@import "flatsome";

assets/js/dist/vendor.min.js

@@ -0,0 +1,15 @@
+/* Shoptimizer for BigCommerce for WordPress Theme Styles */
+.bc-wp-flatsome-theme {
+	/* Case: Login popup has no left and right padding. */
+	.lightbox-content .bc-account-page {
+		padding-left: 60px;
+		padding-right: 60px;
+	}
+
+	/* Login Form needs additional padding. */
+	p.login-submit {
+		@media (--viewport-medium) {
+			padding-right: 28px;
+		}
+	}
+}