@nuskin/product-components 3.1.2 → 3.1.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.1.3](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.1.2...v3.1.3) (2022-06-07)
+
+
+### Fix
+
+* several fixes/tweaks to get product cards to work for the exclusive offer app (#CX15-5006) ([ef742b2](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/ef742b25147e030740f2bedfe456b36af881c8bd)), closes [#CX15-5006](https://code.tls.nuskin.io/ns-am/ux/product-components/issues/CX15-5006)
+
 ## [3.1.2](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.1.1...v3.1.2) (2022-05-19)
 
 

package/components/NsProductCard.vue

@@ -29,6 +29,7 @@
     :max-price="maxPrice"
     :mobile-side-by-side="mobileSideBySide"
     :no-action="noAction"
+    :show-action="showAction"
     :original-price="originalPrice"
     :original-price-label="originalPriceLabel"
     :original-price-type="originalPriceType"
@@ -58,7 +59,9 @@
     @add-to-adr="handleAddToAdr"
     @card-click="handleCardClick"
     @favorite-click="handleFavoriteClick"
-  />
+  >
+    <slot />
+  </NsProductCardBase>
 </template>
 
 <script>
@@ -114,7 +117,11 @@ export default {
     /**
      * Won't show the Action area on hover
      */
-    noAction: Boolean
+    noAction: Boolean,
+    /**
+     * Force the Action area to always show
+     */
+    showAction: Boolean
   },
   data() {
     return {

package/components/NsProductCardBase.vue

@@ -15,6 +15,7 @@
     @mouseleave="closeAction"
     @click="handleCardClick"
   >
+    <slot />
     <!-- EXCLUSIVE OFFER ICON & LABEL -->
     <div v-if="isExclusive && !hideExclusiveIcon" :class="$style.exclusive">
       <NsIcon
@@ -403,7 +404,7 @@ export default {
       );
     },
     showSkuPrices() {
-      return !this.isBaseSku && !this.noAction;
+      return !this.isBaseSku && (!this.noAction || this.forcesv);
     },
     showExclusiveOfferLabel() {
       return !(this.hideExclusiveTextOnMobile || this.useMobileSideBySide);

package/index.js

@@ -33,6 +33,7 @@ import NsProductList from "./components/NsProductList.vue";
 import NsProductListSortable from "./components/NsProductListSortable.vue";
 import NsProductLine from "./components/NsProductLine.vue";
 import NsProductOffer from "./components/NsProductOffer.vue";
+import NsProductQuantitySelector from "./components/NsProductQuantitySelector";
 
 export {
   // Services
@@ -52,5 +53,6 @@ export {
   NsProductList,
   NsProductListSortable,
   NsProductLine,
-  NsProductOffer
+  NsProductOffer,
+  NsProductQuantitySelector
 };

package/mixins/NsProductMixin.js

@@ -258,8 +258,10 @@ const NsProductMixin = {
       return !this.hideVariantSelector && (this.isBaseSku || this.isVariantSku);
     },
     showExclusiveOfferMessage() {
-      return (
-        this.isExclusive && !this.userIsQualified && this.exclusiveOfferMessage
+      return !!(
+        this.isExclusive &&
+        !this.userIsQualified &&
+        this.exclusiveOfferMessage
       );
     },
     showOriginalCrossedOut() {
@@ -584,6 +586,52 @@ const NsProductMixin = {
         return;
       }
 
+      if (this.product.status === ProductStatus.ReleasedForSale) {
+        if (this.maxQuantity > 0) {
+          this.enable();
+          this.statusMessageKey = "releasedForSale";
+
+          if (
+            this.product.backOrderDate &&
+            this.localTranslations.backOrderedWithDate
+          ) {
+            this.statusMessage = this.localTranslations.backOrderedWithDate.replace(
+              "%date%",
+              dateFormatter.getCountryFormattedDate(
+                this.product.backOrderDate,
+                this.locale
+              )
+            );
+            this.statusMessageKey = "backOrderedWithDate";
+          }
+        } else {
+          this.disable();
+
+          if (!this.isExclusive) {
+            if (this.product.availableQuantity > 0) {
+              this.statusMessage = this.localTranslations.reachedPurchaseLimit;
+              this.statusMessageKey = "reachedPurchaseLimit";
+            } else {
+              this.statusMessage = this.localTranslations.outOfStock;
+              this.statusMessageKey = "outOfStock";
+            }
+          }
+        }
+      } else {
+        this.disable();
+
+        if (this.product.status === ProductStatus.Discontinued) {
+          this.statusMessage = this.localTranslations.discontinued;
+          this.statusMessageKey = "discontinued";
+        } else if (this.product.status === ProductStatus.NotReleasedForSale) {
+          this.statusMessage = this.localTranslations.notReleasedForSale;
+          this.statusMessageKey = "notReleasedForSale";
+        } else if (this.product.status === ProductStatus.StopStatus) {
+          this.statusMessage = this.localTranslations.stopStatus;
+          this.statusMessageKey = "stopStatus";
+        }
+      }
+
       this.exclusiveOfferMessage = "";
       if (this.isExclusive) {
         if (this.isLoggedIn) {
@@ -632,52 +680,6 @@ const NsProductMixin = {
           this.exclusiveOfferMessage = this.localTranslations.exclusiveOfferMessage;
         }
       }
-
-      if (this.product.status === ProductStatus.ReleasedForSale) {
-        if (this.maxQuantity > 0) {
-          this.enable();
-          this.statusMessageKey = "releasedForSale";
-
-          if (
-            this.product.backOrderDate &&
-            this.localTranslations.backOrderedWithDate
-          ) {
-            this.statusMessage = this.localTranslations.backOrderedWithDate.replace(
-              "%date%",
-              dateFormatter.getCountryFormattedDate(
-                this.product.backOrderDate,
-                this.locale
-              )
-            );
-            this.statusMessageKey = "backOrderedWithDate";
-          }
-        } else {
-          this.disable();
-
-          if (!this.isExclusive) {
-            if (this.product.availableQuantity > 0) {
-              this.statusMessage = this.localTranslations.reachedPurchaseLimit;
-              this.statusMessageKey = "reachedPurchaseLimit";
-            } else {
-              this.statusMessage = this.localTranslations.outOfStock;
-              this.statusMessageKey = "outOfStock";
-            }
-          }
-        }
-      } else {
-        this.disable();
-
-        if (this.product.status === ProductStatus.Discontinued) {
-          this.statusMessage = this.localTranslations.discontinued;
-          this.statusMessageKey = "discontinued";
-        } else if (this.product.status === ProductStatus.NotReleasedForSale) {
-          this.statusMessage = this.localTranslations.notReleasedForSale;
-          this.statusMessageKey = "notReleasedForSale";
-        } else if (this.product.status === ProductStatus.StopStatus) {
-          this.statusMessage = this.localTranslations.stopStatus;
-          this.statusMessageKey = "stopStatus";
-        }
-      }
     },
 
     /**

package/package.json

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