From 0042cc47bedfd53d5b42ed44956297257dd13894 Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Tue, 24 Feb 2026 13:05:05 -0500
Subject: [PATCH] CASH-2402 use selected item for determining part number
 instead of amt

CASH-2402 use selected item for determining part number instead of amount.  Amount will be driven by the price service
---
 src/experiment-components/donation-block.vue | 26 +++++++-------------
 src/layouts/confirmation/confirmation.vue    |  6 +++--
 src/store/index.js                           |  4 +--
 3 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue
index f93c96520..e48e66860 100644
--- a/src/experiment-components/donation-block.vue
+++ b/src/experiment-components/donation-block.vue
@@ -31,23 +31,15 @@
                         <div class="donation-slider my-4">
                             <input
                                 name="amount"
-                                id="one"
+                                id="zero"
                                 type="radio"
                                 :value="donationValues[0]"
                                 checked />
-                            <label for="one" class="label">$1</label>
-                            <input
-                                name="amount"
-                                id="three"
-                                type="radio"
-                                :value="donationValues[1]" />
-                            <label for="three" class="label">$3</label>
-                            <input
-                                name="amount"
-                                id="five"
-                                type="radio"
-                                :value="donationValues[2]" />
-                            <label for="five" class="label">$5</label>
+                            <label for="zero" class="label">${{ donationValues[0] }}</label>
+                            <input name="amount" id="one" type="radio" :value="donationValues[1]" />
+                            <label for="one" class="label">${{ donationValues[1] }}</label>
+                            <input name="amount" id="two" type="radio" :value="donationValues[2]" />
+                            <label for="two" class="label">${{ donationValues[2] }}</label>
                             <div class="indicator-bar"></div>
                         </div>
                     </div>
@@ -264,17 +256,17 @@ export default {
             background: $blue;
         }
         input {
-            &#one:checked {
+            &#zero:checked {
                 ~ .indicator-bar {
                     transform: translateX(2rem);
                 }
             }
-            &#three:checked {
+            &#one:checked {
                 ~ .indicator-bar {
                     transform: translateX(calc(100% + 2rem));
                 }
             }
-            &#five:checked {
+            &#two:checked {
                 ~ .indicator-bar {
                     transform: translateX(calc(200% + 2rem));
                 }
diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index a9c964268..fa0e53425 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -470,7 +470,8 @@ export default {
             }
         },
         donationValues() {
-            return [1, 3, 5];
+            var donationAmounts = this.getCmsContent("DonationAmountsWidget", "Text");
+            return donationAmounts.split(",").map(Number);
         },
         lineItemsWithoutDonation() {
             const lineItemsClone = deepClone(this.lineItems);
@@ -531,10 +532,11 @@ export default {
             window.location.assign(location.protocol + "//" + location.host);
         },
         async addDonationToOrder() {
+            const selectedItemNumber = this.donationValues.indexOf(Number(this.donationAmount));
             const donationResponse = await baseMixin.methods.dispatchStoreActionWithLogging(
                 storeActions.SUBMIT_DONATION_PART_TO_SV2,
                 {
-                    donationAmount: parseInt(this.donationAmount),
+                    selectedItemNumber: selectedItemNumber,
                     submittedOrder: this.submittedOrder,
                 },
                 false
diff --git a/src/store/index.js b/src/store/index.js
index 73e3c4cbe..1c83807a1 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2126,14 +2126,14 @@ export const actions = {
     },
     async submitDonationPartToSV2(
         context,
-        { payload: { donationAmount, submittedOrder }, pageNameToLog }
+        { payload: { selectedItemNumber, submittedOrder }, pageNameToLog }
     ) {
         const state = JSON.parse(
             window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE)
         );
         const order = state.order;
         const payload = {
-            donationAmount: parseInt(donationAmount),
+            selectedItemNumber: selectedItemNumber,
             savedSessionId: state.applicationUser.savedSessionId,
             paymentInfo: {
                 parentAccountNumber: order.payment.parentAccountNumber,