@nuskin/cs-product-lib 1.0.1 → 1.0.2-cx12-6001.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuskin/cs-product-lib",
-  "version": "1.0.1",
+  "version": "1.0.2-cx12-6001.1",
   "description": "Library for pulling and parsing product content (and applying business logic) retrieved from Contentstack",
   "main": "src/index.js",
   "scripts": {

package/src/csProduct.js

@@ -46,6 +46,7 @@ const csProduct = (props) => {
     const VARIANT_RESOURCES = 'variants.resources'
     const PRODUCT_CATEGORY = 'categories'
     const PRODUCT_SUBCATEGORIES = 'categories.subcategories'
+    const PRODUCT_BRAND_STYLE = 'features.brand_style';
     const DEFAULT_LOCALE = 'en'
     const PRODUCT_TYPE = 'product'
     const INCLUDE_FALLBACK = '&include_fallback=true'
@@ -54,7 +55,7 @@ const csProduct = (props) => {
     const BUNDLE_TYPE = 'bundle'
 
     // eslint-disable-next-line max-len
-    const productIncludes = `&include[]=${VARIANTS}&include[]=${PRODUCT_FAQS}&include[]=${KEY_INGREDIENTS}&include[]=${PRODUCT_HIGHLIGHTS}&include[]=${PRODUCT_RESOURCES}&include[]=${VARIANT_KEY_INGREDIENTS}&include[]=${VARIANT_HIGHLIGHTS}&include[]=${VARIANT_FAQS}&include[]=${VARIANT_RESOURCES}&include[]=${PRODUCT_CATEGORY}&include[]=${PRODUCT_SUBCATEGORIES}`
+    const productIncludes = `&include[]=${VARIANTS}&include[]=${PRODUCT_FAQS}&include[]=${KEY_INGREDIENTS}&include[]=${PRODUCT_HIGHLIGHTS}&include[]=${PRODUCT_RESOURCES}&include[]=${VARIANT_KEY_INGREDIENTS}&include[]=${VARIANT_HIGHLIGHTS}&include[]=${VARIANT_FAQS}&include[]=${VARIANT_RESOURCES}&include[]=${PRODUCT_CATEGORY}&include[]=${PRODUCT_SUBCATEGORIES}&include[]=${PRODUCT_BRAND_STYLE}`
     const requiredIncludes = `&include[]=${REQUIRED}${VARIANTS}&include[]=${REQUIRED}${PRODUCT_FAQS}&include[]=${REQUIRED}${KEY_INGREDIENTS}&include[]=${REQUIRED}${PRODUCT_HIGHLIGHTS}&include[]=${REQUIRED}${PRODUCT_RESOURCES}&include[]=${REQUIRED}${VARIANT_KEY_INGREDIENTS}&include[]=${REQUIRED}${VARIANT_HIGHLIGHTS}&include[]=${REQUIRED}${VARIANT_FAQS}&include[]=${REQUIRED}${VARIANT_RESOURCES}&include[]=${REQUIRED}${PRODUCT_CATEGORY}&include[]=${REQUIRED}${PRODUCT_SUBCATEGORIES}`
     const optionalIncludes = `&include[]=${OPTIONAL}${VARIANTS}&include[]=${OPTIONAL}${PRODUCT_FAQS}&include[]=${OPTIONAL}${KEY_INGREDIENTS}&include[]=${OPTIONAL}${PRODUCT_HIGHLIGHTS}&include[]=${OPTIONAL}${PRODUCT_RESOURCES}&include[]=${OPTIONAL}${VARIANT_KEY_INGREDIENTS}&include[]=${OPTIONAL}${VARIANT_HIGHLIGHTS}&include[]=${OPTIONAL}${VARIANT_FAQS}&include[]=${OPTIONAL}${VARIANT_RESOURCES}&include[]=${OPTIONAL}${PRODUCT_CATEGORY}&include[]=${OPTIONAL}${PRODUCT_SUBCATEGORIES}`
 
@@ -145,6 +146,7 @@ const csProduct = (props) => {
                         result[type] = strings
                         return result
                     }, {})
+                translation.subscriptions = helpers.mapSubscriptions(translation?.subscriptions)
             }
         }
     }

package/src/formatVariant.js

@@ -28,6 +28,7 @@ const formatVariant = (parent) => ({
     availableQuantity: _.get(parent, 'defaults.status.availableQuantity', 0),
     maxQuantity: _.get(parent, 'defaults.status.maxQuantity', 0),
     status: {
+        status: _.get(parent, 'defaults.status.status.retail', null),
         retail: _.get(parent, 'defaults.status.status.retail', null),
         wholesale: _.get(parent, 'defaults.status.status.wholesale', null),
         isBackordered: _.get(parent, 'defaults.status.backordered', null),

package/src/helpers.js

@@ -10,6 +10,37 @@ const templateSettings = require('lodash/templateSettings')
 const _ = require('lodash')
 const { isNullOrEmpty } = require('@nuskin/ns-common-lib')
 
+// CONSTS for helpers
+const TEXT_COLOR = 'textColor';
+const BACKGROUND_COLOR = 'backgroundColor';
+
+/* istanbul ignore next */
+function mapBrandStyle(feature, type) {
+    // if brand style background color is authored, use it, and make text black. 
+    // otherwise make text white, and use feature.background_color if it exists or default the background color to be #4f4d4d if not
+    const isBrandStyle = feature.brand_style && Array.isArray(feature.brand_style) && feature.brand_style.length > 0;
+    // eslint-disable-next-line no-nested-ternary
+    const backgroundColor = isBrandStyle ? feature.brand_style[0].background_color : feature.background_color.length > 1 ? feature.background_color : '#4f4d4d';
+    const textColor = isBrandStyle && feature.brand_style[0].background_color.length > 0 ? '#000000' : '#ffffff';
+  
+    switch (type) {
+        case TEXT_COLOR:
+            if (!textColor.includes('#')) {
+                return `#${textColor}`
+            }
+            return textColor;
+        case BACKGROUND_COLOR:
+            if (!backgroundColor.includes('#')) {
+                return `#${backgroundColor}`
+            }
+            return backgroundColor;
+        default:
+            break;
+    }
+    return null; // error, need to specify type i.e. text or background color etc
+}
+  
+
 /* istanbul ignore next */
 const parseLocale = (locale) => {
     const localeSplit = locale.split('-')
@@ -522,7 +553,8 @@ function mapFeatures(productOrVariant) {
         image: mapImage(featureImage(feature)),
         subtitle: feature.header,
         features: feature.features,
-        backgroundColor: feature.background_color
+        backgroundColor: mapBrandStyle(feature, BACKGROUND_COLOR),
+        textColor: mapBrandStyle(feature, TEXT_COLOR)
     }))
 }
 
@@ -612,7 +644,9 @@ function mapBenefitsAndFeatures(productOrVariant) {
     return {
         image: mapImage(benefitsMedia.image),
         youTubeVideoId: benefitsMedia.youTubeVideoId,
-        benefits: benefitsToMarkdown(legacyBenefits, jsonBenefits)
+        benefits: benefitsToMarkdown(legacyBenefits, jsonBenefits),
+        backgroundColor: productOrVariant?.background_color,
+        textColor: productOrVariant?.text_color
     }
 }
 
@@ -1047,6 +1081,7 @@ function mapCrossProductIds(product) {
 }
 
 module.exports = {
+    mapBrandStyle,
     mapWarranty,
     mapUpSellProductIds,
     mapCrossProductIds,