@nuskin/product-components 3.17.0 → 3.18.0-cx24-6773.1

package/.releaserc

@@ -1,6 +1,6 @@
 {
     "branches": [
-      "master"
+      "master", {"name":"CX24-6773", "channel":"prerelease", "prerelease":"cx24-6773"}
     ],
     "plugins": [
         "@semantic-release/release-notes-generator",

package/docs/CHANGELOG.md

@@ -1 +1 @@
-# [3.17.0](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.16.1...v3.17.0) (2024-06-07)
+# [3.18.0-cx24-6773.1](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.17.0...v3.18.0-cx24-6773.1) (2024-06-11)

package/gl-sbom-npm-yarn.cdx.json

@@ -1,10 +1,10 @@
 {
   "bomFormat": "CycloneDX",
   "specVersion": "1.4",
-  "serialNumber": "urn:uuid:0c911df0-c46a-4f6b-8cea-c8df6a114fa2",
+  "serialNumber": "urn:uuid:457a32ad-5106-4c24-b156-5fa71061dc21",
   "version": 1,
   "metadata": {
-    "timestamp": "2024-06-07T05:27:05Z",
+    "timestamp": "2024-06-11T05:48:06Z",
     "tools": [
       {
         "vendor": "GitLab",

package/mixins/NsProductMixin.js

@@ -32,9 +32,11 @@ import { getProp, getFullUrl } from "@nuskin/ns-common-lib";
 import { PriceType } from "@nuskin/ns-product-lib";
 import { ProductDataService } from "@nuskin/ns-product";
 import { waitForConfig } from "../services/configHelper";
+import { fetchPromotionalPrices } from "../services/EQPromotionService";
 
 const PENDING_FAVORITE = "pendingFavorite";
 const KEY_BREADCRUMB_BACK = "breadcrumbBack";
+const BUNDLE = "BUNDLE";
 
 let flagsPromise = null;
 let featureFlags = false;
@@ -216,6 +218,8 @@ const NsProductMixin = {
        * Active poduct data
        */
       product: undefined,
+      promotionPrice: null,
+      promotionOriginalPrice: null,
       /**
        * Quantity of product selected
        */
@@ -550,7 +554,7 @@ const NsProductMixin = {
     /**
      * Sets product to new selection
      */
-    setActiveProduct() {
+    async setActiveProduct() {
       if (this.baseProduct && this.baseProduct.isBase()) {
         let activeProduct = this.variants.find(
           variantProduct => variantProduct.sku === this.activeSku
@@ -619,6 +623,30 @@ const NsProductMixin = {
         //console.error(err);
       }
 
+      let isBundle = false;
+      if (this.product.childSkus && this.product.childSkus.length) {
+        this.product.childSkus.forEach(product => {
+          if (product.type === BUNDLE) {
+            isBundle = true;
+          }
+        });
+      }
+      if (isBundle) {
+        const promotion = await fetchPromotionalPrices(this.product);
+        if (promotion) {
+          if (promotion.price) {
+            this.promotionPrice = promotion.price;
+            this.price = promotion.price;
+            this.product.setPrice(promotion.price);
+          }
+          if (promotion.originalPrice) {
+            this.promotionOriginalPrice = promotion.originalPrice;
+            this.originalPrice = promotion.originalPrice;
+          }
+        }
+        //this.$emit("quantity-select", this.selectedQuantity);
+      }
+
       this.setProductPricingAndAvailability();
       this.$emit("product-update", this.product);
     },
@@ -840,7 +868,7 @@ const NsProductMixin = {
     /**
      * Sets sales event pricing if there is an active event for this sku, or normal pricing if not
      */
-    setProductPricing() {
+    async setProductPricing() {
       const equinoxMarketsConfig = getCachedConfiguration("Equinox_Markets");
       const isEquinoxEnabled =
         equinoxLocalStorage.isEquinoxEnabled() && equinoxMarketsConfig.active;
@@ -934,6 +962,24 @@ const NsProductMixin = {
         this.isSale = false;
         this.setStandardPricing();
       }
+
+      let isBundle = false;
+      if (this.product.childSkus && this.product.childSkus.length) {
+        this.product.childSkus.forEach(product => {
+          if (product.type === BUNDLE) {
+            isBundle = true;
+          }
+        });
+      }
+      if (isBundle && isEquinoxEnabled) {
+        if (this.promotionPrice) {
+          this.price = this.promotionPrice;
+          this.product.setPrice(this.promotionPrice);
+        }
+        if (this.promotionOriginalPrice) {
+          this.originalPrice = this.promotionOriginalPrice;
+        }
+      }
     },
 
     /**

package/package.json

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

package/services/EQPromotionService.js

@@ -0,0 +1,138 @@
+import axios from "axios";
+import { UrlService } from "@nuskin/ns-util";
+import { getConfiguration } from "@nuskin/configuration-sdk";
+
+/**
+ * To get the promontional prices from equinox storefront
+ *
+ */
+
+export const fetchPromotionalPrices = async product => {
+  try {
+    const payload = buildPayload(product);
+    const options = {
+      method: "POST",
+      endpoint: `catalogs/products/${product.sku}/promotions`,
+      data: payload
+    };
+
+    const { data } = await _equinoxRequest(options);
+    return {
+      price: data.unitValue.priceAfterDiscount,
+      originalPrice: data.unitValue.originalPrice
+    };
+  } catch (err) {
+    console.log("Error while fetching promotional prices");
+    return {};
+  }
+};
+
+const buildPayload = product => {
+  const payload = {
+    productId: product.sku,
+    categoryId: ["all_products"],
+    quantity: 1,
+    skus: [],
+    isSubscriptionIncludedInPromotion: false,
+    isFromBrowse: true
+  };
+
+  try {
+    let personalOffer = sessionStorage.getItem("personalOffer");
+    if (personalOffer !== null) {
+      personalOffer = JSON.parse(personalOffer);
+    }
+    const matchedProduct = personalOffer.products.filter(
+      offerProduct => offerProduct.sku === product.sku
+    );
+    const selectedVariants =
+      matchedProduct &&
+      matchedProduct.length > 0 &&
+      matchedProduct[0].variantSelected
+        ? matchedProduct[0].variantSelected
+        : null;
+
+    const skus = [];
+    if (product && product.childSkus) {
+      product.childSkus.forEach(childSku => {
+        if (childSku.type === "MANDATORY") {
+          skus.push({
+            skuId:
+              selectedVariants !== null && selectedVariants[childSku.productId]
+                ? selectedVariants[childSku.productId]
+                : childSku.skuId,
+            productId: childSku.productId,
+            quantity: childSku.skuQuantity,
+            type: "bundle"
+          });
+        }
+      });
+    }
+
+    payload.skus = skus;
+    payload.quantity =
+      matchedProduct && matchedProduct.qty ? matchedProduct.qty : 1;
+  } catch (err) {
+    console.log("Error while building payload");
+  }
+
+  return payload;
+};
+
+const _equinoxRequest = async options => {
+  const {
+    marketLocale,
+    storeId,
+    storefrontURL,
+    headers
+  } = await getEquinoxRequestConfiguration();
+  const equinoxParams = {
+    locale: marketLocale,
+    storeId: storeId
+  };
+
+  let axiosRequest = {
+    method: options.method,
+    url: `${storefrontURL}/orchestrationservices/storefront/${options.endpoint}`,
+    headers: headers,
+    withCredentials: options.method !== "DELETE",
+    params: equinoxParams
+  };
+
+  if (options.data) {
+    axiosRequest.data = options.data;
+  }
+
+  return axios(axiosRequest);
+};
+
+const getEquinoxRequestConfiguration = async () => {
+  const marketLocale = UrlService.getLocale();
+  const config = (await getConfiguration(["Equinox_Markets"])).Equinox_Markets;
+  const storefrontURL = config.API_Base_URLs;
+
+  const sessionData = sessionStorage.getItem("oktaTokens");
+  const parsedSessionData = JSON.parse(sessionData);
+  const sessionOktaToken =
+    parsedSessionData && parsedSessionData.accessToken
+      ? parsedSessionData.accessToken
+      : "";
+  const localStorageOktaToken = localStorage.getItem("equinox-okta-token");
+
+  let oktaToken = localStorageOktaToken
+    ? localStorageOktaToken
+    : sessionOktaToken;
+
+  const headers = {
+    Accept: "*",
+    "Content-Type": "application/json",
+    Authorization: `Bearer ${oktaToken}`
+  };
+
+  return {
+    marketLocale,
+    storeId: config.store_id,
+    storefrontURL,
+    headers
+  };
+};