CASH-1042 WIP add steps to button.

src/constants/progress-bar-mapper.js

@@ -1,5 +1,5 @@
 const pagePercentageMapper = {
-    vehicle: 3.57,
+    vehicle: 6.5,
     "vehicle-damage": 7.14,
     estimate: 10.71,
     "service-zip": 14.28,
@@ -11,7 +11,7 @@ const pagePercentageMapper = {
     "molding-questions": 21.42,
     "vehicle-parts": 21.42,
     "capability-questions": 21.42,
-    quote: 25,
+    quote: 39,
     "insurance-company": 52,
     "service-location": 60,
     schedule: 70.5,

src/fmg-components/funnel-header/menu-modal/menu-modal.vue

@@ -6,7 +6,7 @@
             :class="[isActive ? 'active' : '']"
             @click="toggleModal"
             aria-label="Hamburger Menu (modal window)">
-            <span class="step-numbers">Step 1 of 4</span>
+            <span class="step-numbers">Step {{ currentStepNumber }} of 4</span>
             <div class="bars">
                 <div class="bar1"></div>
                 <div class="bar2"></div>
@@ -85,6 +85,35 @@ export default {
             self.isActive = false;
         },
     },
+    computed: {
+        currentStepNumber() {
+            // Use the same mapping as progress-bar-mapper.js for consistency
+            const stepMap = {
+                vehicle: 1,
+                "vehicle-damage": 1,
+                estimate: 1,
+                "service-zip": 1,
+                "vin-lookup": 1,
+                "license-plate-lookup": 1,
+                "address-lookup": 1,
+                "address-vehicles": 1,
+                "part-questions": 1,
+                "molding-questions": 1,
+                "vehicle-parts": 1,
+                "capability-questions": 1,
+                quote: 2,
+                "insurance-company": 2,
+                "service-location": 2,
+                schedule: 3,
+                "mobile-details": 3,
+                "customer-details": 3,
+                "payment-method": 4,
+                payment: 4,
+                confirmation: 4,
+            };
+            return stepMap[this.$route.name] || 1;
+        }
+    },
     components: {
         progressBar,
     }