@nuskin/product-components 3.18.0-td-341.2 → 4.0.0-cx15-11969.1

package/mixins/globalHelper.js

@@ -1,66 +0,0 @@
-const MPP_LOCALE_EXCEPTIONS = ["en", "US-es", "US-zh", "US-vi"];
-
-export default {
-  methods: {
-    getMarketAndLanguage() {
-      let market = "US";
-      let language = "en";
-
-      const aemLocalePattern = /[a-z]{2}_[A-Z]{2}/;
-      const localeArray = window.location.href.match(aemLocalePattern);
-
-      if (localeArray) {
-        const locale = localeArray[0].split("_");
-
-        if (!MPP_LOCALE_EXCEPTIONS.includes([locale[1], locale[0]].join("-"))) {
-          language = locale[0].toLowerCase().trim();
-          market = locale[1].toLowerCase().trim();
-        }
-      }
-
-      return {
-        market,
-        language
-      };
-    },
-
-    buildProductLink(slug, sku) {
-      const { market, language } = this.getMarketAndLanguage();
-      const isNewPdp =
-        typeof window.isNewPdp !== "undefined" ? window.isNewPdp : false;
-
-      let pdpLink = `/content/nuskin/${language}_${market.toUpperCase()}/products/product.${sku}.html`;
-
-      if (isNewPdp) {
-        pdpLink = `/catalog/${market}/${language}/product/${slug}`;
-      }
-
-      return pdpLink;
-    },
-    currencyFormatter(currencyLocale, style, currency, price) {
-      const resolvedCurrencyLocale = this.resolveCurrencyLocale(currencyLocale);
-      const formatter = new Intl.NumberFormat(resolvedCurrencyLocale, {
-        maximumFractionDigits: 2,
-        currency: currency,
-        style: style
-      });
-      return formatter.format(price);
-    },
-    resolveCurrencyLocale(currencyLocale) {
-      const localeArray = currencyLocale.split("-");
-      let language = localeArray[0];
-      const market = localeArray[1];
-
-      /*
-        CX32-2339: Product currency for en_CZ locale should be Kč instead of CZK.
-        We'll change the language from en to cs in order to change the currency symbol to Kč.
-      */
-      if (language === "en" && market === "CZ") {
-        language = "cs";
-        return `${language}-${market}`;
-      }
-
-      return currencyLocale;
-    }
-  }
-};

package/models/product.js

@@ -1,140 +0,0 @@
-import placeholder from "../assets/imageplaceholder.svg";
-
-const productStatus = {
-  NS_PRODUCT_RELEASED_FOR_SALE: "RELEASED_FOR_SALE",
-  NS_PRODUCT_NOT_RELEASED_FOR_SALE: "NOT_RELEASED_FOR_SALE",
-  NS_PRODUCT_STOP_STATUS: "STOP_STATUS",
-  NS_PRODUCT_NOT_SOLD_SEPARATELY: "NOT_SOLD_SEPERATELY",
-  NS_PRODUCT_DISCONTINUED: "DISCONTINUED",
-  NS_PRODUCT_NOT_FOUND: "NOT_FOUND"
-};
-
-/**
- * Model object for product
- */
-export default class Product {
-  /**
-   * Copnstructor
-   * @param {string} id
-   * @param {json} productData product data object
-   */
-  constructor(id, productData) {
-    this._id = id;
-    Object.assign(this, productData);
-    this.initProductImage();
-  }
-
-  /**
-   * Init function
-   * @return {void}
-   */
-  initProductImage() {
-    let image;
-    const variantWithImage = this.getFirstVariantWithImage();
-    if (this.hasVariants() && variantWithImage) {
-      image = variantWithImage.productImages[0];
-    } else if (this.hasProductImage()) {
-      image = this.productImages[0];
-    } else {
-      image = { url: placeholder, alt: "placeholder" };
-    }
-
-    this.carouselImage = image;
-  }
-
-  /**
-   * Gets the first variant with an image
-   * @return {any} Variant object
-   */
-  getFirstVariantWithImage() {
-    // First, attempt to find a variant that matches this product's internal ID
-    const matchingVariant = this.variants.find(
-      variant =>
-        variant.sku === this._id &&
-        variant.productImages &&
-        variant.productImages.length
-    );
-
-    if (matchingVariant) return matchingVariant;
-
-    return this.variants.find(
-      variant => variant.productImages && variant.productImages.length
-    );
-  }
-
-  get fullTitle() {
-    const baseSegment = this.title;
-    const variant = this.firstVariant;
-
-    let variantSegment = "";
-
-    if (variant && variant.variantLabel) {
-      variantSegment = " – " + variant.variantLabel;
-    }
-
-    return baseSegment + variantSegment;
-  }
-
-  /**
-   * Getter for the first product variant
-   */
-  get firstVariant() {
-    // First, attempt to find a variant that matches this product's internal ID
-    const matchingVariant = this.variants.find(v => v.sku === this._id);
-
-    if (matchingVariant) return matchingVariant;
-
-    return this.variants.length > 0 && this.variants[0];
-  }
-
-  /**
-   * Getter for the first product variant's primaryBrand
-   */
-  get primaryBrand() {
-    return this.firstVariant && this.firstVariant.primaryBrand;
-  }
-
-  /**
-   * Checks if product has a variant
-   * @return {boolean}
-   */
-  hasVariants() {
-    return this.variants && this.variants.length > 0;
-  }
-
-  /**
-   * Checks if product has an image
-   * @return {boolean}
-   */
-  hasProductImage() {
-    return this.productImages && this.productImages.length > 0;
-  }
-
-  /**
-   * Checks if product is not available for sale
-   * @return {boolean}
-   */
-  isNotReleasedForSale() {
-    return (
-      this.hasVariants() &&
-      this.firstVariant.status.retail ==
-        productStatus.NS_PRODUCT_NOT_RELEASED_FOR_SALE
-    );
-  }
-
-  /**
-   * Checks if product is exclusive
-   * @return {boolean}
-   */
-  isExclusive() {
-    return this.hasVariants() && this.firstVariant.isExclusive;
-  }
-
-  /**
-   * Checks if product is out of stock
-   * @return {boolean}
-   */
-  isOutOfStock() {
-    return this.hasVariants() && this.firstVariant.availableQuantity < 1;
-  }
-}

package/services/NsProductContentService.js

@@ -1,147 +0,0 @@
-import axios from "axios";
-import { RunConfigService } from "@nuskin/ns-util";
-
-/**
- * @typedef ProductData
- * @property {string} id
- * @property {string} title
- * @property {object[]} [productImages]
- * @property {string} [productImages.url]
- * @property {string} [productImages.alt]
- * @property {string} [slug]
- * @property {string} [salesLabel]
- * @property {object[]} [variants]
- * @property {string} [variants.sku]
- * @property {string} [variants.variantLabel]
- * @property {boolean} [variants.isExclusive]
- * @property {number} [variants.availableQuantity]
- * @property {object[]} [variants.productImages]
- * @property {string} [variants.productImages.url]
- * @property {string} [variants.productImages.alt]
- * @property {string} [variants.pricingJson]
- * @property {object} [variants.price]
- * @property {string} [variants.price.currencyCode]
- * @property {number} [variants.price.retail]
- * @property {number} [variants.price.retailSales]
- * @property {number} [variants.price.retailSubscription]
- * @property {number} [variants.price.wholesale]
- * @property {number} [variants.price.wholesaleSales]
- * @property {number} [variants.price.wholesaleSubscription]
- * @property {object} [status]
- * @property {'RELEASED_FOR_SALE'|'NOT_RELEASED_FOR_SALE'|'DISCONTINUED'|'STOP_STATUS'|'NOT_FOUND'|'NOT_SOLD_SEPERATELY'|'inactive'|'sellable'|'preview'|'discontinued'|'stopped'|'replacement'|'bundleOnly'|'test'} [status.status]
- * @property {boolean} [status.isBackordered]
- * @property {string} [status.backorderedAvailableDate]
- */
-
-const ProductsByIdQuery = `
-query ProductsById($ids: [String!]!, $market: String, $language: String) {
-  productsById(ids: $ids, market: $market, language: $language, quantity: 1) {
-    products {
-      id
-      title
-      productImages {
-        url
-        alt
-      }
-      slug
-      salesLabel
-      variants {
-        sku
-        variantLabel
-        isExclusive
-        availableQuantity
-        productImages {
-          url
-          alt
-        }
-        pricingJson
-        price {
-          currencyCode
-          retail
-          retailSales
-          retailSubscription
-          wholesale
-          wholesaleSales
-          wholesaleSubscription
-        }
-        status {
-          status
-          isBackordered
-          backorderedAvailableDate
-        }
-        primaryBrand
-      }
-    }
-  }
-}
-`;
-
-/**
- * @param {string[]} fields
- * @returns {string}
- */
-const productTranslationsQuery = fields => `
-  query ProductTranslationsQuery($market: String, $language: String) {
-    pdpStrings(market: $market, language: $language) {
-      ${fields.join("\n")}
-    }
-  }
-`;
-
-function getProductGraphqlUrl() {
-  /** @type {'dev'|'test'|'stage'|'prod'|'unknown'} */
-  const env = RunConfigService.getEnvironmentCode();
-
-  switch (env) {
-    case "dev":
-      return "https://product.api.dev.nuskin.com/graphql";
-    case "stage":
-    case "test":
-      return "https://product.api.test.nuskin.com/graphql";
-    case "unknown":
-    case "prod":
-    default:
-      return "https://product.api.nuskin.com/graphql";
-  }
-}
-
-/**
- * Retrieves product data for the given SKUs and/or product UIDs
- * @param {string[]} ids Product IDs; can be SKUs and/or UIDs
- * @param {string} market Market country code
- * @param {string} language Market language code
- * @return {Promise<ProductData[]>}
- */
-export async function findProductsById(ids, market, language) {
-  const url = getProductGraphqlUrl();
-
-  const response = await axios.post(url, {
-    query: ProductsByIdQuery,
-    variables: { ids, market, language }
-  });
-
-  if (!response.data || !response.data.data) return [];
-
-  return response.data.data.productsById.products;
-}
-
-/**
- * @param {string[]} fields Product string fields to get
- * @param {string} market Market country code
- * @param {string} language Market language code
- */
-export async function getProductTranslations(fields, market, language) {
-  // If no fields are specified, don't bother attempting an API query
-  if (fields.length === 0) return {};
-
-  const url = getProductGraphqlUrl();
-  const query = productTranslationsQuery(fields);
-
-  const response = await axios.post(url, {
-    query,
-    variables: { market, language }
-  });
-
-  if (!response.data || !response.data.data) return {};
-  return response.data.data.pdpStrings || {};
-}

package/services/NsProductRecommendationClient.js

@@ -1,66 +0,0 @@
-import { UserService } from "@nuskin/ns-account";
-import { RunConfigService } from "@nuskin/ns-util";
-import axios from "axios";
-
-function getApiBaseUrl() {
-  /** @type {"dev"|"test"|"stage"|"prod"|"unknown"} */
-  const env = RunConfigService.getEnvironmentCode();
-
-  switch (env) {
-    case "prod":
-      return "https://product-recommendations.api.nuskin.com";
-    case "test":
-      return "https://product-recommendations.api.test.nuskin.com";
-    case "unknown":
-    case "dev":
-    default:
-      return "https://product-recommendations.api.dev.nuskin.com";
-  }
-}
-
-/**
- *
- * @param {number} [limit] Maximum number of recommended products to return
- * @return {Promise<string[]>} List of SKU IDs of recommended products
- */
-export async function getPersonalizedRecommendations(limit) {
-  // Get user ID
-  const user = UserService.getUser();
-  if (!user) return [];
-  const userId = user.id;
-
-  // Get okta access token
-  const tokensString = sessionStorage.getItem("oktaTokens");
-  if (!tokensString) return [];
-  const { accessToken } = JSON.parse(tokensString);
-
-  const baseUrl = getApiBaseUrl();
-  const url = new URL(`/v1/personalized-for/${userId}`, baseUrl).toString();
-
-  const { data } = await axios.get(url, {
-    headers: { Authorization: `Bearer ${accessToken}` },
-    params: { limit }
-  });
-
-  return data.recommendedSkus || [];
-}
-
-/**
- *
- * @param {string} sku Product SKU ID
- * @param {number} [limit] Maximum number of recommended products to return
- * @return {Promise<string[]>} List of SKU IDs of recommended products
- */
-export async function getRelatedProducts(sku, limit) {
-  // // If no SKU ID is given, don't attempt to retrieve related products
-  if (!sku) return [];
-
-  const baseUrl = getApiBaseUrl();
-  const url = new URL(`/v1/related-to/${sku}`, baseUrl).toString();
-
-  const { data } = await axios.get(url, {
-    params: { limit }
-  });
-
-  return data.recommendedSkus || [];
-}