@nuskin/product-components 3.3.3 → 3.3.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.3.4](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.3.3...v3.3.4) (2023-03-24)
+
+
+### Fix
+
+* Show variants drop down ([4fbbb8b](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/4fbbb8b1ea2fd74bf0d643ee80a3df411027a9d0))
+
 ## [3.3.3](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.3.2...v3.3.3) (2023-03-23)
 
 

package/mixins/NsProductMixin.js

@@ -30,6 +30,19 @@ import { ProductDataService } from "@nuskin/ns-product";
 const PENDING_FAVORITE = "pendingFavorite";
 const KEY_BREADCRUMB_BACK = "breadcrumbBack";
 
+const configMapsToLoad = [
+  "Url",
+  "Basic",
+  "Shopping",
+  "ADP",
+  "Cart",
+  "Loyalty",
+  "Checkout"
+];
+getConfiguration(configMapsToLoad).then(() =>
+  console.log("ns-shop config loaded")
+);
+
 /**
  * NsProductMixin
  *
@@ -206,7 +219,9 @@ const NsProductMixin = {
 
       featureFlags: this.$NsProductFeatureFlagsService.featureFlags,
 
-      activeSalesEvents: []
+      activeSalesEvents: [],
+
+      showVariantFromEq: false
     };
   },
   computed: {
@@ -260,7 +275,13 @@ const NsProductMixin = {
       return false;
     },
     showVariantSelector() {
-      return !this.hideVariantSelector && (this.isBaseSku || this.isVariantSku);
+      if (this.showVariantFromEq) {
+        return !this.hideVariantSelector;
+      } else {
+        return (
+          !this.hideVariantSelector && (this.isBaseSku || this.isVariantSku)
+        );
+      }
     },
     showExclusiveOfferMessage() {
       return !!(
@@ -398,6 +419,26 @@ const NsProductMixin = {
         this.product = product;
       }
 
+      if (
+        product.equinoxProductId != undefined &&
+        product.equinoxProductId.length > 0
+      ) {
+        let variantsArr = Object.values(product.variants);
+        if (product.variants && variantsArr.length) {
+          this.variants = product.getVariantsList();
+          this.baseSku = product.sku;
+          this.baseProduct = product;
+          if (
+            this.activeSku === product.sku &&
+            this.loadFirstVariant &&
+            this.variants.length > 0
+          ) {
+            this.activeSku = this.variants[0].sku;
+          }
+          this.showVariantFromEq = true;
+        }
+      }
+
       this.appendTranslations({
         variantType: product.variantType,
         variantDropdownLabel: product.variantDropdownLabel,
@@ -920,7 +961,6 @@ const NsProductMixin = {
         const country = RunConfigService.getRunConfig().country;
         getConfiguration(["Equinox_Markets"]).then(config => {
           const countryCode = config.Equinox_Markets.country_code;
-
           if (
             countryCode === country &&
             equinoxLocalStorage.isEquinoxEnabled()
@@ -928,7 +968,6 @@ const NsProductMixin = {
             ProductDataService.getProductData(options.sku)
               .then(productData => {
                 options.product = new ShopProduct(productData.products[0]);
-
                 options.add = {
                   item: {
                     qty: options.qty

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuskin/product-components",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "Nu Skin Product Components",
   "main": "index.js",
   "scripts": {