@nuskin/product-components 3.3.8 → 3.3.9

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.3.9](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.3.8...v3.3.9) (2023-04-10)
+
+
+### Fix
+
+* fixes to get exclusive offer working (#CX15-6971) ([2333571](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/23335712d88116f3238536b0a53b8a270a5d11e4)), closes [#CX15-6971](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX15-6971)
+
 ## [3.3.8](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.3.7...v3.3.8) (2023-04-06)
 
 

package/mixins/NsProductMixin.js

@@ -17,10 +17,11 @@ import {
   AdrService,
   FavoritesService,
   ProductStatus,
-  QualificationService,
+  QualificationService as OldQualificationService,
   Product as ShopProduct,
   EquinoxCartService
 } from "@nuskin/ns-shop";
+import { default as NewQualificationService } from "@nuskin/exclusive-offer-sdk";
 import webLoyalty from "@nuskin/ns-loyalty-web";
 import { getProp, getFullUrl } from "@nuskin/ns-common-lib";
 import { PriceType } from "@nuskin/ns-product-lib";
@@ -30,6 +31,31 @@ import { waitForConfig } from "../services/configHelper";
 const PENDING_FAVORITE = "pendingFavorite";
 const KEY_BREADCRUMB_BACK = "breadcrumbBack";
 
+let equinoxMarket = {
+  promise: getConfiguration(["Equinox_Markets"]).then(config => {
+    equinoxMarket = {
+      value:
+        config && config.Equinox_Markets
+          ? !!config.Equinox_Markets.active
+          : false,
+      promise: null,
+      loaded: true
+    };
+  }),
+  loaded: false,
+  value: undefined
+};
+
+const getQualificationService = async () => {
+  if (!equinoxMarket.loaded) {
+    await equinoxMarket.promise;
+  }
+  if (equinoxMarket.value) {
+    return NewQualificationService;
+  }
+  return OldQualificationService;
+};
+
 /**
  * NsProductMixin
  *
@@ -573,7 +599,9 @@ const NsProductMixin = {
         (this.baseSku === product.sku ||
           product.variantSkus().includes(this.activeSku));
       const productChanged =
-        !baseProductChanged && this.activeSku === product.sku;
+        !baseProductChanged &&
+        (this.activeSku === product.sku ||
+          this.activeSku === product.equinoxProductId);
       if (baseProductChanged || productChanged) {
         this.setFromProductData(this.activeSku, product);
       }
@@ -669,9 +697,9 @@ const NsProductMixin = {
       this.exclusiveOfferMessage = "";
       if (this.isExclusive) {
         if (this.isLoggedIn) {
-          const productQualification = await QualificationService.getQualification(
-            this.activeSku
-          );
+          const productQualification = await (
+            await getQualificationService()
+          ).getQualification(this.activeSku);
 
           let cartQuantity;
           if (!this.baseSku) {
@@ -684,10 +712,10 @@ const NsProductMixin = {
             cartQuantity = (cartItem || {}).qty || 0;
           } else {
             const cartData =
-              (await QualificationService.convertCartDataToBaseSkus(
-                CartService.getItemData(),
-                true
-              )) || {};
+              (await (
+                await getQualificationService()
+              ).convertCartDataToBaseSkus(CartService.getItemData(), true)) ||
+              {};
             const cartItem = cartData[this.baseSku] || {};
             cartQuantity = cartItem.qty || 0;
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuskin/product-components",
-  "version": "3.3.8",
+  "version": "3.3.9",
   "description": "Nu Skin Product Components",
   "main": "index.js",
   "scripts": {
@@ -42,6 +42,7 @@
     "fibers": "^4.0.1"
   },
   "peerDependencies": {
+    "@nuskin/exclusive-offer-sdk": "1.x",
     "@nuskin/ns-account": "5.x",
     "@nuskin/ns-checkout-common": "3.x",
     "@nuskin/ns-feature-flags": "1.x",

package/services/NsProductDataService.js

@@ -198,7 +198,10 @@ if (!NsProductDataService) {
             continue;
           }
           const product = this.products.find(
-            p => p.sku === sku || p.variantSkus().includes(sku)
+            p =>
+              p.sku === sku ||
+              p.variantSkus().includes(sku) ||
+              p.equinoxProductId === sku
           );
           if (product) {
             if (product.sku === sku || top) {

package/stories/NsProductMixinPreview.vue

@@ -200,10 +200,40 @@
 </template>
 
 <script>
-import { QualificationService, CartService } from "@nuskin/ns-shop";
-
+import {
+  QualificationService as OldQualificationService,
+  CartService
+} from "@nuskin/ns-shop";
+import { getConfiguration } from "@nuskin/configuration-sdk";
+import { default as NewQualificationService } from "@nuskin/exclusive-offer-sdk";
 import NsProductMixin from "../mixins/NsProductMixin";
 import "@nuskin/ns-core-styles/src/dist/main.css";
+
+let equinoxMarket = {
+  promise: getConfiguration(["Equinox_Markets"]).then(config => {
+    equinoxMarket = {
+      value:
+        config && config.Equinox_Markets
+          ? !!config.Equinox_Markets.active
+          : false,
+      promise: null,
+      loaded: true
+    };
+  }),
+  loaded: false,
+  value: undefined
+};
+
+const getQualificationService = async () => {
+  if (!equinoxMarket.loaded) {
+    await equinoxMarket.promise;
+  }
+  if (equinoxMarket.value) {
+    return NewQualificationService;
+  }
+  return OldQualificationService;
+};
+
 export default {
   name: "NsProductMixinPreview",
   filters: {
@@ -377,9 +407,9 @@ export default {
   async mounted() {
     if (this.isExclusive) {
       if (this.isLoggedIn) {
-        this.productQualification = await QualificationService.getQualification(
-          this.activeSku
-        );
+        this.productQualification = await (
+          await getQualificationService()
+        ).getQualification(this.activeSku);
 
         this.cartItem = await CartService.getFirstItemBySku(this.activeSku, {
           cartOrderItems: true