@nuskin/product-components 3.13.3 → 3.13.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.13.4](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.13.3...v3.13.4) (2024-02-16)
+
+
+### Fix
+
+* Show the add to bag button ([1b6dc0a](https://code.tls.nuskin.io/ns-am/ux/product-components/commit/1b6dc0ab319f58f9de828d216d7b213f395775d3))
+
 ## [3.13.3](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.13.2...v3.13.3) (2024-01-10)
 
 

package/components/NsProductOffer.vue

@@ -94,7 +94,18 @@
             <span v-if="offerSavingsAfterHtml" v-html="offerSavingsAfterHtml" />
           </div>
 
-          <!-- OFFER ACTION Vintas removed the Add to Bag button until the issue is fixed-->
+          <!-- OFFER ACTION -->
+          <div :class="$style.offerAction">
+            <button
+              class="primary-solid fluid"
+              :class="$style.button"
+              :disabled="disableAddAll"
+              @click="addFullOfferToCart"
+            >
+              <NsIcon :class="$style.addToCartIcon" icon-name="icon-bag" />
+              {{ localTranslations.addAllItems }}
+            </button>
+          </div>
         </div>
 
         <!-- OFFER PRODUCTS -->
@@ -177,11 +188,15 @@ import { MySiteRestService } from "@nuskin/my-site-api";
 import {
   CartService,
   CurrencyService,
-  PersonalOfferService
+  PersonalOfferService,
+  EquinoxCartService,
+  Product as ShopProduct
 } from "@nuskin/ns-shop";
+import { getCachedConfiguration } from "@nuskin/configuration-sdk";
 import { AccountService } from "@nuskin/ns-account";
 import { isNullOrEmpty, isNumber } from "@nuskin/ns-common-lib";
-import { NsSpinner } from "@nuskin/design-components";
+// eslint-disable-next-line no-unused-vars
+import { NsSpinner, NsIcon } from "@nuskin/design-components";
 import { waitForConfig } from "../services/configHelper";
 import debounce from "lodash/debounce";
 
@@ -736,11 +751,11 @@ export default {
     async addFullOfferToCart() {
       const validSkus = Object.keys(this.products).filter(sku => {
         const product = this.products[sku];
+        const availableQuantity = product.data.availableQuantity || 0;
         return (
           !product.invalid &&
           !isNullOrEmpty(product.data) &&
-          !isNullOrEmpty(product.availability) &&
-          product.availability.addToCart
+          availableQuantity >= 1
         );
       });
 
@@ -748,66 +763,76 @@ export default {
         return;
       }
 
-      window.sessionStorage.setItem("nstoast-allowed", "true");
-
-      const countryCode = CartService.getCartProperty("cntryCd") || "";
       let checkoutProducts = [];
-      for (const validSku of validSkus) {
-        const validProduct = this.products[validSku];
-        const selectedSku = validProduct.activeSku;
-        const selectedQuantity = validProduct.availability.selectedQuantity;
-
-        const cartOptions = {
-          sku: selectedSku,
-          product: validProduct.data,
-          qty: selectedQuantity,
-          userId: this.userId,
-          cntryCd: countryCode,
-          adr: false,
-          referrer: "myStore",
-          domain: window.location.hostname
-        };
+      const equinoxMarketsConfig = getCachedConfiguration("Equinox_Markets");
+      const countryCode = equinoxMarketsConfig.country_code;
 
-        try {
-          await CartService.addProductToCart(cartOptions);
-
-          events.publish(events.shop.ADD_TO_CART, cartOptions);
-
-          events.publish(events.shop.ADD_TO_CART_NEW, {
-            event: "addToCart",
-            ecommerce: {
-              currencyCode: this.currencyCode,
-              add: {
-                actionField: {
-                  list: "myStore"
-                },
-                products: [
-                  {
-                    name: validProduct.data.title,
-                    id: selectedSku,
-                    price: validProduct.availability.price,
-                    quantity: selectedQuantity,
-                    method: "personaloffer", // personal offer or quickView or productPage or cart
-                    cartType: "Standard"
-                  }
-                ]
-              }
-            }
+      if (equinoxMarketsConfig.active) {
+        EquinoxCartService.addBundleToEquinoxCart(validSkus)
+          .then(() => {
+            events.publish(events.shop.ADD_TO_CART);
+          })
+          .catch(err => {
+            console.error(`Failed to add ${validSkus} with Error: ${err} `);
           });
+      } else {
+        for (const validSku of validSkus) {
+          const validProduct = this.products[validSku];
+          const selectedSku = validProduct.activeSku;
+          const selectedQuantity = validProduct.availability.selectedQuantity;
+          const cartOptions = {
+            sku: selectedSku,
+            product: validProduct.data,
+            qty: selectedQuantity,
+            userId: this.userId,
+            cntryCd: countryCode,
+            adr: false,
+            referrer: "myStore",
+            domain: window.location.hostname
+          };
 
-          // events.publish(events.shop.SHOW_ADD_TO_BAG, cartOptions);
-
-          checkoutProducts.push({
-            name: validProduct.data.title,
-            id: selectedSku,
-            price: validProduct.availability.price,
-            quantity: selectedQuantity
-          });
-        } catch (error) {
-          console.error(
-            `Failed to add '${selectedSku}' x${selectedQuantity} to cart. Error: `,
-            error
-          );
+          cartOptions.product = new ShopProduct(cartOptions.product);
+          try {
+            await CartService.addProductToCart(cartOptions);
+
+            events.publish(events.shop.ADD_TO_CART, cartOptions);
+
+            events.publish(events.shop.ADD_TO_CART_NEW, {
+              event: "addToCart",
+              ecommerce: {
+                currencyCode: this.currencyCode,
+                add: {
+                  actionField: {
+                    list: "myStore"
+                  },
+                  products: [
+                    {
+                      name: validProduct.data.title,
+                      id: selectedSku,
+                      price: validProduct.availability.price,
+                      quantity: selectedQuantity,
+                      method: "personaloffer", // personal offer or quickView or productPage or cart
+                      cartType: "Standard"
+                    }
+                  ]
+                }
+              }
+            });
+
+            // events.publish(events.shop.SHOW_ADD_TO_BAG, cartOptions);
+
+            checkoutProducts.push({
+              name: validProduct.data.title,
+              id: selectedSku,
+              price: validProduct.availability.price,
+              quantity: selectedQuantity
+            });
+          } catch (error) {
+            console.error(
+              `Failed to add '${selectedSku}' x${selectedQuantity} to cart. Error: `,
+              error
+            );
+          }
         }
       }
 
@@ -845,15 +870,21 @@ export default {
       for (const sku of Object.keys(this.products)) {
         this.products[sku].invalid = true;
         const availability = this.products[sku].availability;
-        if (availability) {
+        const availableQuantity =
+          this.products[sku].data.availableQuantity || 0;
+
+        if (
+          availability &&
+          Object.keys(this.products[sku].data).length >= 1 &&
+          availableQuantity >= 1
+        ) {
           const selectedQuantity = availability.selectedQuantity || 0;
           if (selectedQuantity > 0) {
             const price = availability.price || 0;
-            if (availability.addToCart) {
-              totalPrice += price * selectedQuantity;
-              this.totalProductQuantity += selectedQuantity;
-              this.products[sku].invalid = false;
-            }
+
+            totalPrice += price * selectedQuantity;
+            this.totalProductQuantity += selectedQuantity;
+            this.products[sku].invalid = false;
           }
         }
       }

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

@@ -1,15 +1,15 @@
 {
   "bomFormat": "CycloneDX",
   "specVersion": "1.4",
-  "serialNumber": "urn:uuid:83b8375e-6791-473b-bea2-d24f88401c25",
+  "serialNumber": "urn:uuid:dfaf0a22-5464-4cc9-ace8-6e60d876a48d",
   "version": 1,
   "metadata": {
-    "timestamp": "2024-01-10T07:42:02Z",
+    "timestamp": "2024-02-16T07:37:48Z",
     "tools": [
       {
         "vendor": "GitLab",
         "name": "Gemnasium",
-        "version": "4.10.3"
+        "version": "4.10.6"
       }
     ],
     "authors": [

package/package.json

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