@nuskin/product-components 3.20.0-mdigi-7127.1 → 3.20.0-mdigi-7127.3

package/components/NsProductList.vue

@@ -46,7 +46,7 @@
 
 <script>
 import { NsExpressiveLink, NsIcon, NsSpinner } from "@nuskin/design-components";
-import { StringService, RunConfigService } from "@nuskin/ns-util";
+import { StringService, RunConfigService, events } from "@nuskin/ns-util";
 import { fromJsonString } from "@nuskin/ns-common-lib";
 import { CurrencyService } from "@nuskin/ns-shop";
 
@@ -125,6 +125,9 @@ export default {
     };
   },
   computed: {
+    isLoggedIn() {
+      return this.$NsProductUserService.isLoggedIn;
+    },
     localLink() {
       return fromJsonString(this.link, {});
     },
@@ -174,14 +177,50 @@ export default {
   async mounted() {
     await this.setCommonStrings();
     const runConfig = RunConfigService.getRunConfig();
-    this.currencyCode = CurrencyService.getCurrency(runConfig.country).currencyCode;
-    if (window.dataLayer) {
-      window.dataLayer.push({
-        event: 'pageView',
-        pageType: 'Listing',
-        currency: this.currencyCode
-      });
-    }
+    this.currencyCode = CurrencyService.getCurrency(
+      runConfig.country
+    ).currencyCode;
+    this.$watch(
+      () => this.$NsProductDataService.batches,
+      () => {
+        const products = this.displayedSkus
+          .map(sku => this.$NsProductDataService.get(sku))
+          .filter(p => p);
+
+        if (products.length > 0) {
+          const priceType = this.$NsProductDataService.getPriceType();
+          const isWholesale = priceType === "WWHL";
+
+          events.publish(events.shop.PRODUCT_IMPRESSION, {
+            ecommerce: {
+              currencyCode: this.currencyCode,
+              revenue: "",
+              impressions: products.map(product => ({
+                id: product.sku,
+                name: product.title,
+                price: product.price,
+                taxonomy:
+                  product.categories?.[0]?.displayName || "all_products",
+                sales_price: this.isLoggedIn
+                  ? isWholesale
+                    ? product?.price?.wholesaleSales ||
+                      product?.price?.wholesale
+                    : product?.price?.retailSales || product?.price?.retail
+                  : null,
+                unit_price: this.isLoggedIn ? product?.price : null
+              }))
+            }
+          });
+        }
+      },
+      { deep: true, immediate: true }
+    );
+
+    events.publish(events.shop.PAGE_VIEW, {
+      event: "pageView",
+      pageType: "category",
+      currency: this.currencyCode
+    });
   },
   methods: {
     handleProductUpdate(product) {

package/docs/CHANGELOG.md

@@ -1 +1 @@
-# [3.20.0-mdigi-7127.1](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.19.1...v3.20.0-mdigi-7127.1) (2025-12-30)
+# [3.20.0-mdigi-7127.3](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.20.0-mdigi-7127.2...v3.20.0-mdigi-7127.3) (2026-01-07)

package/package.json

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