@nuskin/product-components 3.18.2-gms-11721.3 → 3.18.2-gms-12518.9

package/.releaserc

@@ -1,6 +1,6 @@
 {
     "branches": [
-      "master", {"name":"GMS-11721", "channel":"prerelease", "prerelease":"gms-11721"}
+      "master", {"name":"GMS-12518", "channel":"prerelease", "prerelease":"gms-12518"}
     ],
     "plugins": [
         "@semantic-release/release-notes-generator",

package/components/NsProductOffer.vue

@@ -921,15 +921,13 @@ export default {
 
         if (
           availability &&
-          (availability.addToCart || availability.addToAdr) &&
+          availability.addToCart &&
           Object.keys(this.products[sku].data).length >= 1 &&
           availableQuantity >= 1
         ) {
           const selectedQuantity = availability.selectedQuantity || 0;
           if (selectedQuantity > 0) {
-            const price = availability.addToAdr
-              ? availability.adrPrice
-              : availability.price || 0;
+            const price = availability.price || 0;
 
             totalPrice += price * selectedQuantity;
             this.totalProductQuantity += selectedQuantity;

package/components/NsProductQuantitySelector.vue

@@ -28,9 +28,13 @@
     </div>
     <template #custom>
       <input
-        ref="input"
+        ref="quantityInput"
         v-model.number="quantityInput"
-        :class="[$style.customInput, { [$style.small]: size === 'small' }]"
+        :class="[
+          $style.customInput,
+          { [$style.small]: size === 'small' },
+          'quanity-input'
+        ]"
         type="number"
         min="0"
         step="1"
@@ -171,6 +175,9 @@ export default {
       }
     }
   },
+  mounted() {
+    this.blurAllQuantityInputs();
+  },
   methods: {
     /**
      * Disables input
@@ -237,10 +244,18 @@ export default {
           this.dropdownMax,
           this.dropdownMax - this.includeZero ? 0 : 1
         );
-        setTimeout(() => {
-          this.$refs.input.focus();
-          this.$refs.input.select();
-        }, 100);
+        // setTimeout(() => {
+        //   this.$refs.input.focus();
+        //   this.$refs.input.select();
+        // }, 100);
+        this.$nextTick(() => {
+          if (!this.isMobileDevice()) {
+            this.$refs.input.focus();
+            this.$refs.input.select();
+          } else {
+            this.$refs.input.blur();
+          }
+        });
       } else {
         this.errorMessage = "";
         this.showCustomSelectedItem = false;
@@ -262,6 +277,12 @@ export default {
       return (
         itemQty >= this.dropdownMax && this.maxAvailable > this.dropdownMax
       );
+    },
+    blurAllQuantityInputs() {
+      const inputs = document.querySelectorAll(
+        'input[type="number"].quantity-input'
+      );
+      inputs.forEach(input => input.blur());
     }
   }
 };

package/docs/CHANGELOG.md

@@ -1 +1 @@
-## [3.18.2-gms-11721.3](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.18.2-gms-11721.2...v3.18.2-gms-11721.3) (2025-07-17)
+## [3.18.2-gms-12518.9](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.18.2-gms-12518.8...v3.18.2-gms-12518.9) (2025-07-18)

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

@@ -1,10 +1,10 @@
 {
   "bomFormat": "CycloneDX",
   "specVersion": "1.4",
-  "serialNumber": "urn:uuid:31c88dfc-68ab-49c1-acdd-59dcf5bbfe73",
+  "serialNumber": "urn:uuid:9b28b72d-2b5a-47a9-80a3-8bdeb89cb09d",
   "version": 1,
   "metadata": {
-    "timestamp": "2025-07-17T16:28:35Z",
+    "timestamp": "2025-07-18T14:45:36Z",
     "tools": [
       {
         "vendor": "GitLab",
@@ -85,10 +85,10 @@
     },
     {
       "name": "@nuskin/design-components",
-      "version": "8.8.1",
-      "purl": "pkg:npm/%40nuskin/design-components@8.8.1",
+      "version": "8.9.1-gms-12518.2",
+      "purl": "pkg:npm/%40nuskin/design-components@8.9.1-gms-12518.2",
       "type": "library",
-      "bom-ref": "pkg:npm/%40nuskin/design-components@8.8.1"
+      "bom-ref": "pkg:npm/%40nuskin/design-components@8.9.1-gms-12518.2"
     },
     {
       "name": "@nuskin/events",
@@ -2663,7 +2663,7 @@
       ]
     },
     {
-      "ref": "pkg:npm/%40nuskin/design-components@8.8.1",
+      "ref": "pkg:npm/%40nuskin/design-components@8.9.1-gms-12518.2",
       "dependsOn": [
         "pkg:npm/%40nuskin/axios-util@2.3.0",
         "pkg:npm/%40nuskin/ns-account@4.28.0",

package/mixins/NsProductMixin.js

@@ -1082,7 +1082,7 @@ const NsProductMixin = {
         isBaseSku: this.isBaseSku,
         isVariantSku: this.isVariantSku,
         addToCart: !this.disableAddToCart,
-        addToAdr: !this.disableAddToAdr,
+        addToAdr: !this.disableAddToCart,
         selectedQuantity: Number(this.selectedQuantity),
         maxQuantity: this.maxQuantity,
         originalPrice: this.originalPrice,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuskin/product-components",
-  "version": "3.18.2-gms-11721.3",
+  "version": "3.18.2-gms-12518.9",
   "description": "Nu Skin Product Components",
   "main": "index.js",
   "scripts": {
@@ -24,7 +24,7 @@
   "dependencies": {
     "@mdi/font": "3.9.97",
     "@ns/ns-contentstack-lib": "2.2.2",
-    "@nuskin/design-components": "8.8.1",
+    "@nuskin/design-components": "8.9.1-gms-12518.2",
     "@nuskin/ns-common-lib": "1.4.8",
     "@nuskin/ns-core-styles": "2.12.0",
     "@nuskin/ns-icon": "2.12.1",