@nuskin/product-components 2.20.2 → 3.0.3

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [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)
+
+
+### Fix
+
+* updates to paypal pay later component to set buyercountry, other cleanup (#CX12-4269) ([b6be36e](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/b6be36e35cb5e4b2a1b8eec9bd40a16a96c66720)), closes [#CX12-4269](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX12-4269)
+
+## [3.0.1](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.0.0...v3.0.1) (2021-09-21)
+
+
+### Chore
+
+* updated storybook versions (#CX12-3362) ([846083d](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/846083d55b345b31e7f453ed84cd4acb1187825e)), closes [#CX12-3362](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX12-3362)
+
+### Fix
+
+* hide adr price by unsetting when adr type not in supported order types (#CX12-4239) ([bc543cc](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/bc543cc5d11326f11c7dc1ccbef4edea57a126ca)), closes [#CX12-4239](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX12-4239)
+
+# [3.0.0](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v2.20.2...v3.0.0) (2021-08-25)
+
+
+### Breaking
+
+* removed feature flag to toggle useProductData on/off, related code adjustments (#CX12-3362) ([df56364](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/df56364d9f883d87212e0108627a5b5b9f470114)), closes [#CX12-3362](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX12-3362)
+
 ## [2.20.2](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v2.20.1...v2.20.2) (2021-08-17)
 
 

package/components/NsPayPalPayLater.vue

@@ -2,6 +2,7 @@
   <div v-if="show" :class="$style.container">
     <div
       data-pp-message
+      :data-pp-buyerCountry="runConfig.country"
       :data-pp-amount="amount"
       :data-pp-placement="placement"
       :data-pp-style-text-size="textSize"
@@ -16,8 +17,6 @@ import Vue from "vue";
 import axios from "axios";
 import LoadScript from "vue-plugin-load-script";
 
-import { RunConfigService, ConfigService } from "@nuskin/ns-util";
-
 Vue.use(LoadScript);
 
 export default {
@@ -48,15 +47,25 @@ export default {
   },
   data() {
     return {
+      buyerCountry: "",
       payPalClientId: ""
     };
   },
   computed: {
+    runConfig() {
+      return this.$NsProductAppService.runConfig;
+    },
+
+    marketConfig() {
+      return this.$NsProductAppService.marketConfig;
+    },
+
     payPalComponentsSrc() {
       return `https://www.paypal.com/sdk/js?client-id=${this.payPalClientId}&components=messages`;
     },
+
     show() {
-      return !!(this.payPalClientId && this.amount);
+      return !!this.runConfig && !!this.payPalClientId && !!this.amount;
     }
   },
   watch: {
@@ -86,12 +95,9 @@ export default {
      */
     async getPayPalClientId() {
       try {
-        const runConfig = RunConfigService.getRunConfig();
-        const marketConfig = ConfigService.getMarketConfig();
-
-        const lambdaUrl = `${marketConfig.awsUrl}/PaymentPaypal/v1/client-id/${runConfig.country}`;
+        const lambdaUrl = `${this.marketConfig.awsUrl}/PaymentPaypal/v1/client-id/${this.runConfig.country}`;
         const lambdaResponse = await axios.get(lambdaUrl, {
-          headers: this.getRequestHeaders(marketConfig)
+          headers: this.getRequestHeaders()
         });
         const lambdaData = this.processLambdaResponse(lambdaResponse);
 
@@ -122,11 +128,11 @@ export default {
      * @returns {{Content-Type: string, client_id: string, client_secret: string}}
      * @private
      */
-    getRequestHeaders(marketConfig) {
+    getRequestHeaders() {
       return {
         "Content-Type": "application/json",
-        client_id: marketConfig.checkout.clientId,
-        client_secret: marketConfig.checkout.clientSecret
+        client_id: this.marketConfig.checkout.clientId,
+        client_secret: this.marketConfig.checkout.clientSecret
       };
     },
 

package/components/NsProductCardBase.vue

@@ -385,7 +385,6 @@ export default {
     return {
       actionOpened: false,
       initSku: null,
-      isStatusSet: false,
       product: null,
       variantIndex: null
     };

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/components/NsProductList.vue

@@ -145,17 +145,11 @@ export default {
     displayedSkus() {
       return this.showSpinner ? this.limitedSkusFrozen : this.limitedSkus;
     },
-    useProductData() {
-      return this.$NsProductFeatureFlagsService.useProductData;
-    },
     showSpinner() {
-      return (
-        this.useProductData &&
-        this.$NsProductDataService.batches.some(
-          batch =>
-            !["success", "failed"].includes(batch.status) &&
-            batch.skus.some(batchSku => this.limitedSkus.includes(batchSku))
-        )
+      return this.$NsProductDataService.batches.some(
+        batch =>
+          !["success", "failed"].includes(batch.status) &&
+          batch.skus.some(batchSku => this.limitedSkus.includes(batchSku))
       );
     },
     showLoadMore() {
@@ -170,7 +164,7 @@ export default {
     limitedSkus: {
       immediate: true,
       handler(skus) {
-        if (this.useProductData && !this.$NsProductDataService.check(skus)) {
+        if (!this.$NsProductDataService.check(skus)) {
           this.$NsProductDataService.queue(skus);
         }
       }
@@ -184,9 +178,7 @@ export default {
       this.$emit("product-update", product);
     },
     loadMoreSkus(event) {
-      if (this.useProductData) {
-        this.limitedSkusFrozen = this.limitedSkus;
-      }
+      this.limitedSkusFrozen = this.limitedSkus;
 
       event.target.blur();
       this.skusLimit += this.skusPerLoad;

package/components/NsProductListSortable.vue

@@ -155,12 +155,8 @@ export default {
         return option.id !== "bestMatch" || !!this.skuSearchScores;
       });
     },
-    useProductData() {
-      return this.$NsProductFeatureFlagsService.useProductData;
-    },
     showSpinnerOnFirstLoad() {
       return (
-        this.useProductData &&
         this.sortedSkus.length <= this.skusPerLoad &&
         this.$NsProductDataService.batches.some(
           batch =>
@@ -170,15 +166,10 @@ export default {
       );
     },
     productCount() {
-      if (this.useProductData) {
-        const productsFound = this.$NsProductDataService.findProducts(
-          this.sortedSkus
-        );
-        return productsFound.length;
-      }
-
-      // without all the product data loaded, unknown how many skus are valid until they are loaded
-      return this.sortedSkus.length;
+      const productsFound = this.$NsProductDataService.findProducts(
+        this.sortedSkus
+      );
+      return productsFound.length;
     },
     productCountLabel() {
       return this.productsLabel.replace(PRODUCT_COUNT, this.productCount);
@@ -262,10 +253,7 @@ export default {
     },
 
     sortSelect(value) {
-      if (
-        this.useProductData &&
-        !this.$NsProductDataService.check(this.localSkus)
-      ) {
+      if (!this.$NsProductDataService.check(this.localSkus)) {
         this.$NsProductDataService.queue(this.localSkus);
       }
 
@@ -289,11 +277,9 @@ export default {
       const sort = sortOption.sort;
       const order = sortOption.order;
 
-      const products = this.useProductData
-        ? this.$NsProductDataService
-            .findProducts(this.localSkus, false)
-            .reduce((a, p) => ({ ...a, [p.sku]: p }), {})
-        : this.products;
+      const products = this.$NsProductDataService
+        .findProducts(this.localSkus, false)
+        .reduce((a, p) => ({ ...a, [p.sku]: p }), {});
 
       const sortedSkus = [...this.localSkus].sort((x, y) => {
         //make sure to get sku

package/index.js

@@ -23,6 +23,7 @@ import NsProductDataService from "./services/NsProductDataService";
 
 import NsProductMixin from "./mixins/NsProductMixin.js";
 
+import NsPayPalPayLater from "./components/NsPayPalPayLater.vue";
 import NsProductCardBase from "./components/NsProductCardBase.vue";
 import NsProductCard from "./components/NsProductCard.vue";
 import NsProductDetailBase from "./components/NsProductDetailBase.vue";
@@ -41,6 +42,7 @@ export {
   // Mixins
   NsProductMixin,
   // Components
+  NsPayPalPayLater,
   NsProductCardBase,
   NsProductCard,
   NsProductDetailBase,

package/mixins/NsProductMixin.js

@@ -9,9 +9,7 @@ import {
   UrlService
 } from "@nuskin/ns-util";
 import {
-  ProductService,
   CartService,
-  OrderType,
   AdrService,
   FavoritesService,
   ProductStatus,
@@ -19,8 +17,8 @@ import {
   Product as ShopProduct
 } from "@nuskin/ns-shop";
 import webLoyalty from "@nuskin/ns-loyalty-web";
-import { getProp, isNullOrEmpty } from "@nuskin/ns-common-lib";
-import { Product, PriceType } from "@nuskin/ns-product-lib";
+import { getProp } from "@nuskin/ns-common-lib";
+import { PriceType } from "@nuskin/ns-product-lib";
 
 //const PRODUCT_SMALL_VARIANT = "product-card.selected-variant";
 const PENDING_FAVORITE = "pendingFavorite";
@@ -148,7 +146,6 @@ const NsProductMixin = {
        */
       isFavorite: false,
       isSale: false,
-      isStatusSet: false,
       /**
        * Exclusive offer text determined by user logged in and status.
        */
@@ -180,10 +177,6 @@ const NsProductMixin = {
        * Active poduct data
        */
       product: undefined,
-      /**
-       * Determines if Product Status has been handled for the active sku
-       */
-      productStatusResults: [],
       /**
        * Quantity of product selected
        */
@@ -204,7 +197,6 @@ const NsProductMixin = {
       variants: [],
 
       featureFlags: this.$NsProductFeatureFlagsService.featureFlags,
-      useProductData: this.$NsProductFeatureFlagsService.useProductData,
 
       activeSalesEvents: []
     };
@@ -273,12 +265,28 @@ const NsProductMixin = {
     showPriceLabels() {
       return this.marketConfig.showPriceLabels;
     },
+    orderTypes() {
+      return (this.product || {}).orderTypes || {};
+    },
+    hasOrderTypeOrder() {
+      // !!this.orderTypes[OrderType.ORDER] doesn't work with change detection
+      return !!this.orderTypes.order;
+    },
+    hasOrderTypeAdr() {
+      // !!this.orderTypes[OrderType.ADR] doesn't work with change detection
+      return !!this.orderTypes.adr;
+    },
+    /**
+     * Show ADR pricing (if not the same) and add to cart, not to be confused with showAdrPrice (used to force the ADR Price to show even if same)
+     */
+    showAdr() {
+      return !this.hideAdr && this.hasOrderTypeAdr;
+    },
+    /**
+     * Show ADR pricing and add to cart instead of standard pricing
+     */
     showAdrOnly() {
-      return !!(
-        (this.adrHasPriority && ((this.product || {}).orderTypes || {}).adr) ||
-        (((this.product || {}).orderTypes || {}).adr &&
-          !((this.product || {}).orderTypes || {}).order)
-      );
+      return this.showAdr && (this.adrHasPriority || !this.hasOrderTypeOrder);
     }
   },
   watch: {
@@ -295,11 +303,6 @@ const NsProductMixin = {
     },
     hideAdrOverride() {
       this.setHideAdr();
-    },
-    useProductData(newValue, oldValue) {
-      if (newValue !== oldValue) {
-        this.refreshProductData(this.activeSku);
-      }
     }
   },
   async mounted() {
@@ -332,12 +335,9 @@ const NsProductMixin = {
       }
 
       this.resetProductData(sku);
-      if (this.useProductData) {
-        this.activeSku = sku;
-        this.setFromProductData(sku);
-      } else {
-        await this.refreshProductDataManually(sku);
-      }
+
+      this.activeSku = sku;
+      this.setFromProductData(sku);
     },
 
     setFromProductData(sku, product) {
@@ -369,8 +369,6 @@ const NsProductMixin = {
         this.product = product;
       }
 
-      this.isStatusSet = true;
-
       this.appendTranslations({
         variantType: product.variantType,
         variantDropdownLabel: product.variantDropdownLabel,
@@ -380,74 +378,6 @@ const NsProductMixin = {
       this.setActiveProduct();
     },
 
-    async refreshProductDataManually(sku) {
-      try {
-        ProductService.getProductData(sku)
-          .then(productData => {
-            if (isNullOrEmpty(productData)) {
-              return;
-            }
-
-            let product = new Product({ sku: sku });
-            product.setProductData(productData);
-
-            if (product.isVariant()) {
-              this.activeSku = sku;
-              this.refreshProductDataManually(product.baseSku);
-              return;
-            } else if (product.isBase()) {
-              this.baseSku = sku;
-              this.variants = product.getVariantsList();
-              this.baseProduct = product;
-
-              if (
-                this.activeSku === sku &&
-                this.loadFirstVariant &&
-                this.variants.length > 0
-              ) {
-                this.activeSku = this.variants[0].sku;
-              }
-
-              for (const variant of this.variants) {
-                events.publish(
-                  events.shop.ADD_SKU_PRODUCT_STATUS_QUEUE,
-                  variant.sku
-                );
-              }
-            } else {
-              this.activeSku = sku;
-              this.variants = [];
-              this.product = product;
-              events.publish(
-                events.shop.ADD_SKU_PRODUCT_STATUS_QUEUE,
-                this.activeSku
-              );
-            }
-
-            this.appendTranslations({
-              variantType: product.variantType,
-              variantDropdownLabel: product.variantDropdownLabel,
-              variantDropdownPlaceholder: product.variantDropdownPlaceholder
-            });
-
-            this.setActiveProduct();
-          })
-          .catch(error => {
-            this.disable();
-            console.error(
-              `Failed to retrieve product data. Sku: ${sku}, Error: `,
-              error
-            );
-          });
-      } catch (error) {
-        this.disable();
-        console.error(
-          `Failed to retrieve product data manually. Sku: ${sku}, Error: `,
-          error
-        );
-      }
-    },
-
     async setLoyalty() {
       this.hideLoyalty =
         PersonalOfferStorageService.isPersonalOffer() ||
@@ -590,10 +520,6 @@ const NsProductMixin = {
     },
 
     handleProductChanged(product) {
-      if (!this.useProductData) {
-        return;
-      }
-
       const baseProductChanged =
         product.isBase() &&
         (this.baseSku === product.sku ||
@@ -641,11 +567,7 @@ const NsProductMixin = {
       this.statusMessage = "";
       this.statusMessageKey = "";
 
-      if (
-        !this.product ||
-        this.isBaseSku ||
-        (!this.useProductData && !this.isStatusSet)
-      ) {
+      if (!this.product || this.isBaseSku) {
         this.disable();
         return;
       }
@@ -764,7 +686,9 @@ const NsProductMixin = {
       this.adrPriceType = this.isWholesale
         ? PriceType.WADW
         : this.getAdrPriceType();
-      this.adrPrice = this.product.getPricing(this.adrPriceType);
+      this.adrPrice = this.showAdr
+        ? this.product.getPricing(this.adrPriceType)
+        : "";
 
       // check if sales event
       this.eventName = this.product.eventName;
@@ -894,7 +818,7 @@ const NsProductMixin = {
      * Adds product to cart
      */
     handleAddToCart() {
-      if (!this.disableAddToCart && (this.useProductData || this.isStatusSet)) {
+      if (!this.disableAddToCart) {
         window.sessionStorage.setItem("nstoast-allowed", "true");
 
         let countryCode = CartService.getCartProperty("cntryCd") || "";
@@ -905,9 +829,7 @@ const NsProductMixin = {
           qty: this.selectedQuantity,
           userId: this.userId,
           cntryCd: countryCode,
-          adr:
-            !!this.product.orderTypes[OrderType.ADR] &&
-            !this.product.orderTypes[OrderType.ORDER],
+          adr: this.showAdrOnly,
           referrer: this.referrer,
           domain: window.location.hostname
         };
@@ -930,7 +852,7 @@ const NsProductMixin = {
      * Adds product to subscription order
      */
     handleAddToAdr() {
-      if (!this.disableAddToAdr && (this.useProductData || this.isStatusSet)) {
+      if (!this.disableAddToAdr) {
         let options = {
           sku: this.activeSku,
           qty: this.selectedQuantity,
@@ -1036,9 +958,8 @@ const NsProductMixin = {
     },
 
     checkAddToCartAndAdr() {
-      const forceAdr = this.adrHasPriority && this.product.orderTypes.adr;
-      this.disableAddToCart = forceAdr || !this.product.orderTypes.order;
-      this.disableAddToAdr = this.hideAdr || !this.product.orderTypes.adr;
+      this.disableAddToCart = this.showAdrOnly || !this.hasOrderTypeOrder;
+      this.disableAddToAdr = !this.showAdr;
     },
 
     /**
@@ -1056,80 +977,17 @@ const NsProductMixin = {
      * Handle product status events
      */
     handleProductStatus(results) {
-      if (this.useProductData) {
-        this.$NsProductDataService.handleProductStatus(results);
-        return;
-      }
-
-      if (!this.product || this.useProductData) {
-        return;
-      }
-
-      results.forEach(async productStatusResult => {
-        if (this.isBaseSku || this.isVariantSku) {
-          const variant = this.variants.find(
-            variantProduct => variantProduct.sku === productStatusResult.SKU
-          );
-          if (variant) {
-            this.mergeProductStatusData(variant, productStatusResult);
-          }
-
-          this.setBaseSkuPriceRange();
-        } else if (this.activeSku === productStatusResult.SKU) {
-          this.mergeProductStatusData(this.product, productStatusResult);
-        }
-
-        this.setProductPricing();
-
-        if (this.product && this.activeSku === productStatusResult.SKU) {
-          this.product.setMarketAttributes(productStatusResult);
-          this.setProductAvailability();
-          this.isStatusSet = true;
-        }
-      });
-    },
-
-    mergeProductStatusData(product, productStatus) {
-      if (productStatus) {
-        productStatus.SKU = product.sku;
-
-        product.availableQuantity = productStatus.availableQuantity;
-        product.addPricingFromStatus(productStatus, this.getPriceType());
-        product.setMarketAttributes(productStatus);
-
-        this.marketAttributes = productStatus.marketAttributes || {};
-
-        if (this.activeSku === product.SKU) {
-          this.setProductAvailability();
-          this.isStatusSet = true;
-        }
-
-        this.productStatusResults.push(productStatus);
-      }
+      this.$NsProductDataService.handleProductStatus(results);
     },
 
     setBaseSkuPriceRange() {
-      if (
-        this.useProductData ||
-        (this.isBaseSku &&
-          this.variants.every(variantProduct =>
-            this.productStatusResults.some(
-              productStatusResult =>
-                productStatusResult.SKU === variantProduct.sku
-            )
-          ))
-      ) {
-        // We have to use getProp() instead of variantProduct.getPricing
-        // because that was returning an array of undefined prices
-        const variantPrices = this.variants.map(variantProduct =>
-          getProp(variantProduct.priceMap, this.getPriceType(), 0)
-        );
-        this.minPrice = Math.min(...variantPrices).toString();
-        this.maxPrice = Math.max(...variantPrices).toString();
-
-        // when loading a base sku first, we set status as true for all variants
-        this.isStatusSet = true;
-      }
+      // We have to use getProp() instead of variantProduct.getPricing
+      // because that was returning an array of undefined prices
+      const variantPrices = this.variants.map(variantProduct =>
+        getProp(variantProduct.priceMap, this.getPriceType(), 0)
+      );
+      this.minPrice = Math.min(...variantPrices).toString();
+      this.maxPrice = Math.max(...variantPrices).toString();
     },
 
     setUser() {
@@ -1151,7 +1009,6 @@ const NsProductMixin = {
 
     handleFeatureFlagsChanged() {
       this.featureFlags = this.$NsProductFeatureFlagsService.featureFlags;
-      this.useProductData = this.$NsProductFeatureFlagsService.useProductData;
       this.setProductPricingAndAvailability();
     },
 
@@ -1349,8 +1206,6 @@ const NsProductMixin = {
       this.variants = [];
 
       this.checkedQualifications = false;
-      this.productStatusResults = [];
-      this.isStatusSet = false;
 
       this.marketAttributes = {};
     },

package/package.json

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

package/services/NsProductDataService.js

@@ -83,11 +83,7 @@ if (!NsProductDataService) {
        * @param {string[]} skus
        */
       skus(skus) {
-        if (
-          this.pause ||
-          !this.$NsProductFeatureFlagsService.useProductData ||
-          !skus.length
-        ) {
+        if (this.pause || !skus.length) {
           return;
         }
         this.createBatchesForSkus(skus);

package/services/NsProductFeatureFlagsService.js

@@ -14,7 +14,6 @@ if (!NsProductFeatureFlagsService) {
     data() {
       return {
         featureFlags: {},
-        useProductData: false,
         loading: true
       };
     },
@@ -66,9 +65,6 @@ if (!NsProductFeatureFlagsService) {
             {}
           );
           this.featureFlags = featureFlags;
-          this.useProductData = !!this.featureFlags[
-            "cx12-2118-product-data-lambda"
-          ];
 
           // we need to set loading before the emit, but after data is changed
           this.loading = false;

package/stories/NsProductDetail.stories.js

@@ -61,12 +61,12 @@ const Template = (args, { argTypes }) => ({
 
 export const Simple = Template.bind({});
 Simple.args = {
-  sku: "01110014"
+  sku: "01003610"
 };
 Simple.parameters = {
   docs: {
     source: {
-      code: `<NsProductDetail sku="01110014" />`
+      code: `<NsProductDetail sku="01003610" />`
     }
   }
 };