@nuskin/product-components 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [3.1.1](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.1.0...v3.1.1) (2022-05-17)
+
+
+### Fix
+
+* fix product card redirect to pdp, cleanup (#CX12-4584) ([9559706](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/9559706bc3675e0fdadfaf503bef0d4ac0b0a163)), closes [#CX12-4584](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX12-4584)
+* removed changes that would require mock/test fixes ([aa93fe3](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/aa93fe30ccb3ab26f429bb833e47470ff6138eaa))
+
+### Release
+
+* Automated changes by GitLab pipeline [skip ci] ([c72dbc8](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/c72dbc81924bfa9d64453dfaf62d09f8b9e86c9c))
+
+## [3.1.1-card-redirect.1](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.1.0...v3.1.1-card-redirect.1) (2022-05-17)
+
+
+### Fix
+
+* fix product card redirect to pdp, cleanup (#CX12-4584) ([9559706](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/9559706bc3675e0fdadfaf503bef0d4ac0b0a163)), closes [#CX12-4584](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX12-4584)
+* removed changes that would require mock/test fixes ([aa93fe3](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/aa93fe30ccb3ab26f429bb833e47470ff6138eaa))
+
 # [3.1.0](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.0.5...v3.1.0) (2022-05-12)
 
 

package/components/NsProductOffer.vue

@@ -407,10 +407,7 @@ export default {
         await this.getOffer();
 
         // without these, required to refresh for runConfig/context changes
-        const productAppService = Vue.prototype.$NsProductAppService;
-        if (!isNullOrEmpty(productAppService)) {
-          productAppService.setConfig(this.runConfig);
-        }
+        this.$NsProductAppService.setConfig(this.runConfig);
 
         const appService = Vue.prototype.$NsAppService;
         if (!isNullOrEmpty(appService)) {

package/mixins/NsProductMixin.js

@@ -17,7 +17,7 @@ import {
   Product as ShopProduct
 } from "@nuskin/ns-shop";
 import webLoyalty from "@nuskin/ns-loyalty-web";
-import { getProp } from "@nuskin/ns-common-lib";
+import { getProp, getFullUrl, isNullOrEmpty } from "@nuskin/ns-common-lib";
 import { PriceType } from "@nuskin/ns-product-lib";
 
 //const PRODUCT_SMALL_VARIANT = "product-card.selected-variant";
@@ -796,19 +796,48 @@ const NsProductMixin = {
             }
           },
           eventCallback: () => {
-            window.location = `${UrlService.getAemLocaleUrl()}products/product.${
-              this.product.sku
-            }.html`;
+            this.redirectToDetailsPage();
           }
         };
         window.dataLayer.push(impression);
       } else {
-        window.location = `${UrlService.getAemLocaleUrl()}products/product.${
-          this.product.sku
-        }.html`;
+        this.redirectToDetailsPage();
       }
     },
 
+    redirectToDetailsPage() {
+      const sponsor = StoreFrontSponsorStorageService.getStoreFrontSponsor();
+      const isStorefront = !isNullOrEmpty(sponsor) && !!sponsor.sapId;
+      const sponsorSubdomain = isStorefront
+        ? Object.keys(sponsor.storefront || {})[0] || ""
+        : "";
+      const isPersonalOffer = !!(
+        PersonalOfferStorageService.getPersonalOffer() || {}
+      ).active;
+      const useMysiteUrl = isStorefront && !isPersonalOffer;
+      const baseUrl =
+        window.location.hostname === "localhost"
+          ? useMysiteUrl
+            ? `https://mysite${
+                this.runConfig.envCode === "test" ? ".test" : ""
+              }.mynuskin.com`
+            : this.marketConfig.siteUrl
+          : window.location.origin;
+      let pdpPath = `products/product.${this.product.sku}`;
+      if (isStorefront || isPersonalOffer) {
+        pdpPath += ".mysite";
+      }
+      if (useMysiteUrl) {
+        pdpPath += `.${sponsorSubdomain}`;
+      }
+      pdpPath += ".html";
+      const detailsPageUrl = `${getFullUrl(
+        baseUrl,
+        UrlService.getAemLocaleUrl()
+      )}${pdpPath}`;
+      window.location = detailsPageUrl;
+    },
+
     handleVariantSelect(variantSku) {
       this.activeSku = variantSku;
       this.setActiveProduct();
@@ -917,6 +946,7 @@ const NsProductMixin = {
     handleCardClick() {
       if (this.$listeners["card-click"]) {
         this.$emit("card-click", this.product);
+        this.goToDetails();
       } else {
         this.goToDetails();
       }

package/package.json

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