From 9d511d0b6fce668925a30627cf1194951a8128ec Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 9 Jul 2025 13:50:30 -0400
Subject: [PATCH] CASH-1042 WIP add steps to button.

---
 src/constants/progress-bar-mapper.js          |  4 +--
 .../funnel-header/menu-modal/menu-modal.vue   | 31 ++++++++++++++++++-
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js
index 6262596fa..e2432b7d4 100644
--- a/src/constants/progress-bar-mapper.js
+++ b/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,
diff --git a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue b/src/fmg-components/funnel-header/menu-modal/menu-modal.vue
index e9807d8e1..4df584621 100644
--- a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue
+++ b/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,
     }