@nuskin/product-components 3.18.2-gms-12720.1 → 3.18.2-gms-12518.2

package/.releaserc

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

package/components/NsProductOffer.vue

@@ -48,8 +48,11 @@
         <div :class="$style.offerMessaging">
           <h2 :class="$style.offerTitle">{{ localTranslations.welcome }}</h2>
           <p :class="$style.offerMessage">
-           <span v-if="!offer.isGroupOffer && offer.countryCode !== 'JP'">{{ offer.name }}</span>
-            <span v-if="!offer.isGroupOffer && offer.countryCode !== 'JP'"
+            <span v-if="!offer.isGroupOffer">{{ offer.name }}</span>
+            <span v-if="!offer.isGroupOffer && offer.countryCode === 'JP'">
+              さん,
+            </span>
+            <span v-else-if="!offer.isGroupOffer && offer.countryCode !== 'JP'"
               >,
             </span>
             <span>{{ offer.greeting }}</span>

package/components/NsProductQuantitySelector.vue

@@ -28,7 +28,7 @@
     </div>
     <template #custom>
       <input
-        ref="input"
+        ref="autoFocusInput"
         v-model.number="quantityInput"
         :class="[$style.customInput, { [$style.small]: size === 'small' }]"
         type="number"
@@ -171,6 +171,17 @@ export default {
       }
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      const input = this.$refs.autoFocusInput;
+      if (input && input.focus) {
+        input.focus();
+      } else {
+        const fallbackInput = this.$el.querySelector("input");
+        if (fallbackInput) fallbackInput.focus();
+      }
+    });
+  },
   methods: {
     /**
      * Disables input
@@ -237,10 +248,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.isMobile()) {
+            this.$refs.input.focus();
+            this.$refs.input.select();
+          } else {
+            this.$refs.input.blur();
+          }
+        });
       } else {
         this.errorMessage = "";
         this.showCustomSelectedItem = false;

package/docs/CHANGELOG.md

@@ -1 +1 @@
-## [3.18.2-gms-12720.1](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.18.1...v3.18.2-gms-12720.1) (2025-06-20)
+## [3.18.2-gms-12518.2](https://code.tls.nuskin.io/ns-am/ux/product-components/compare/v3.18.2-gms-12518.1...v3.18.2-gms-12518.2) (2025-06-26)

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

@@ -1,15 +1,15 @@
 {
   "bomFormat": "CycloneDX",
   "specVersion": "1.4",
-  "serialNumber": "urn:uuid:4653a672-4125-40ba-b383-215d595c47d6",
+  "serialNumber": "urn:uuid:0b0c03da-d444-4848-8255-be769ddb6499",
   "version": 1,
   "metadata": {
-    "timestamp": "2025-06-20T12:47:09Z",
+    "timestamp": "2025-06-26T11:13:59Z",
     "tools": [
       {
         "vendor": "GitLab",
         "name": "Gemnasium",
-        "version": "5.9.3"
+        "version": "5.9.4"
       }
     ],
     "authors": [

package/package.json

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