@nuskin/product-components 3.0.2 → 3.0.3

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [3.0.3](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.0.2...v3.0.3) (2022-02-09)
+
+
+### Fix
+
+* [NsProductDetail] Send analytics whenever title changes (now sent when variant is selected) (#CX12-4270) ([b21973f](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/b21973f36aa13963b2bd3f8a0cfab29e158f13e2)), closes [#CX12-4270](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX12-4270)
+* Add cx.config ([d887042](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/d8870428055cb63d24150e3388d12f99e2c91ef5))
+
 ## [3.0.2](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.0.1...v3.0.2) (2021-09-29)
 
 

package/components/NsProductDetail.vue

@@ -79,6 +79,7 @@
 <script>
 import NsProductDetailBase from "./NsProductDetailBase.vue";
 import NsProductMixin from "../mixins/NsProductMixin.js";
+import { events } from "@nuskin/ns-util";
 
 /**
  * NsProductDetail
@@ -132,6 +133,48 @@ export default {
       loadFirstVariant: true,
       referrer: "productPage"
     };
+  },
+  watch: {
+    title() {
+      this.sendAnalytics();
+    }
+  },
+  methods: {
+    sendAnalytics() {
+      let tries = 0;
+      this.analyticsInterval = setInterval(() => {
+        if (window.dataLayer && window.ga && window.ga.loaded) {
+          const impression = {
+            event: events.shop.PRODUCT_IMPRESSION_DETAIL,
+            ecommerce: {
+              detail: {
+                products: [
+                  {
+                    id: this.activeSku,
+                    name: this.title
+                    // TODO: uncomment below when these fields are available (contentstack is up)
+                    // category: this.category,
+                    // brand: this.brand,
+                    // variant: this.variant
+                  }
+                ]
+              }
+            }
+          };
+          window.dataLayer.push(impression);
+          clearInterval(this.analyticsInterval);
+          this.analyticsInterval = null;
+          return;
+        }
+
+        tries += 1;
+
+        if (tries > 50) {
+          clearInterval(this.analyticsInterval);
+          this.analyticsInterval = null;
+        }
+      }, 200);
+    }
   }
 };
 </script>

package/components/NsProductDetailBase.vue

@@ -364,7 +364,6 @@
 
 <script>
 import { NsIcon } from "@nuskin/design-components";
-import { events } from "@nuskin/ns-util";
 import NsImage from "./NsImage.vue";
 import NsProductDetailCarousel from "./NsProductDetailCarousel.vue";
 import NsProductVariantSelector from "./NsProductVariantSelector.vue";
@@ -706,9 +705,7 @@ export default {
       }
     }
   },
-  mounted() {
-    this.sendAnalytics();
-  },
+  mounted() {},
   destroyed() {
     if (this.analyticsInterval) {
       clearInterval(this.analyticsInterval);
@@ -906,41 +903,6 @@ export default {
       }
 
       return data;
-    },
-    sendAnalytics() {
-      let tries = 0;
-      this.analyticsInterval = setInterval(() => {
-        if (window.dataLayer && window.ga && window.ga.loaded) {
-          const impression = {
-            event: events.shop.PRODUCT_IMPRESSION_DETAIL,
-            ecommerce: {
-              detail: {
-                products: [
-                  {
-                    id: this.sku,
-                    name: this.title
-                    // TODO: uncomment below when these fields are available (contentstack is up)
-                    // category: this.category,
-                    // brand: this.brand,
-                    // variant: this.variant
-                  }
-                ]
-              }
-            }
-          };
-          window.dataLayer.push(impression);
-          clearInterval(this.analyticsInterval);
-          this.analyticsInterval = null;
-          return;
-        }
-
-        tries += 1;
-
-        if (tries > 50) {
-          clearInterval(this.analyticsInterval);
-          this.analyticsInterval = null;
-        }
-      }, 200);
     }
   }
 };

package/package.json

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