From 29b3afc3f48a58380f618d5913917cf9daf432f0 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 13 Dec 2022 10:39:12 -0500
Subject: [PATCH 1/8] Remove mounted. Add v-on.

---
 src/common-components/modal/modal.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/common-components/modal/modal.vue b/src/common-components/modal/modal.vue
index e965b3e3f..23f89930a 100644
--- a/src/common-components/modal/modal.vue
+++ b/src/common-components/modal/modal.vue
@@ -2,6 +2,7 @@
     <!-- Modal -->
     <div
         class="modal fade modal-component"
+        v-on="{ 'hidden.bs.modal': resetButtonStyle }"
         :id="this.cmsWidgetName"
         tabindex="-1"
         aria-labelledby="ModalComponentLabel"
@@ -61,15 +62,9 @@ export default {
         },
     },
     methods: {
-        setupModalEventListener() {
-            const modal = document.querySelector("#" + this.cmsWidgetName);
-            modal.addEventListener("hidden.bs.modal", (event) => {
-                this.$refs.buttonMain.resetButtonStyle();
-            });
-        },
-    },
-    mounted() {
-        this.setupModalEventListener();
+        resetButtonStyle() {
+            this.$refs.buttonMain.resetButtonStyle();
+        }
     },
     components: {
         buttonMain,

From 6ffe150c728c0aee5ff9476dfa4b9383f5ca3acc Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 13 Dec 2022 10:40:02 -0500
Subject: [PATCH 2/8] Format code.

---
 src/common-components/modal/modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common-components/modal/modal.vue b/src/common-components/modal/modal.vue
index 23f89930a..9845e0891 100644
--- a/src/common-components/modal/modal.vue
+++ b/src/common-components/modal/modal.vue
@@ -64,7 +64,7 @@ export default {
     methods: {
         resetButtonStyle() {
             this.$refs.buttonMain.resetButtonStyle();
-        }
+        },
     },
     components: {
         buttonMain,

From 74b557a70084226b0d7d258aa807bf97d084e40b Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 13 Dec 2022 11:31:35 -0500
Subject: [PATCH 3/8] Remove unneeded mounted.

---
 src/ux-components/button-main/button-main.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index 5c705f49d..bbea1b8d0 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -55,9 +55,6 @@ export default {
             this.isLoaderDisplayed = false;
         },
     },
-    mounted() {
-        this.isLoaderDisplayed = false;
-    },
     components: {
         loader,
     },

From 7e72d9822d3c6d089396a56f0808fc6c01d257c4 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Tue, 13 Dec 2022 14:50:48 -0500
Subject: [PATCH 4/8] CSR-504 | Implement pricing endpoint call

---
 src/constants/endpoints.js                    |  2 +-
 src/constants/store-actions.js                |  1 +
 src/constants/store-mutations.js              |  1 +
 .../heritage-integration/order-helper.js      |  1 +
 src/layouts/quote/quote.vue                   | 36 +++++++++++--
 .../service-package-question.vue              |  9 ++--
 src/mixins/base-mixin.js                      |  5 +-
 src/mixins/vehicle-questions-mixin.js         |  4 +-
 src/store/index.js                            | 50 +++++++++++++++++--
 9 files changed, 94 insertions(+), 15 deletions(-)

diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index 3024a67d9..07dba9498 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -96,7 +96,7 @@ const endpoints = {
     },
     PriceOrderItems: {
         url: "/price/api/v1/price/order-items",
-        method: "POST",
+        method: "GET",
     },
     LogExperimentExposureIfAssigned: {
         url: "/experiments/api/v1/experiments/log-exposure",
diff --git a/src/constants/store-actions.js b/src/constants/store-actions.js
index c4df053dc..69de6d53e 100644
--- a/src/constants/store-actions.js
+++ b/src/constants/store-actions.js
@@ -67,6 +67,7 @@ const storeActions = {
     SAVE_CAPABILITY_QUESTION_ANSWERS: "saveCapabilityQuestionAnswers",
     SAVE_QUOTE_PAGE_SELECTIONS: "saveQuotePageSelections",
     SAVE_PAYMENT_TYPE: "savePaymentType",
+    SAVE_ACCOUNT_NUMBER: "saveAccountNumber",
     SAVE_SUPPORTING_ITEMS: "saveSupportingItems",
     SAVE_VAPS: "saveVaps",
 };
diff --git a/src/constants/store-mutations.js b/src/constants/store-mutations.js
index baad1dedc..840aff30d 100644
--- a/src/constants/store-mutations.js
+++ b/src/constants/store-mutations.js
@@ -21,6 +21,7 @@ const storeMutations = {
     UPDATE_GLASS_PARTS: "updateGlassParts",
     UPDATE_VAPS: "updateVaps",
     UPDATE_SUPPORTING_ITEMS: "updateSupportingItems",
+    UPDATE_LINE_ITEMS_SERVER_DATA: "updateLineItemsServerData",
 
     UPDATE_REGISTRATION_LICENSE_PLATE: "updateRegistrationLicensePlate",
     UPDATE_REGISTRATION_ADDRESS: "updateRegistrationAddress",
diff --git a/src/helpers/heritage-integration/order-helper.js b/src/helpers/heritage-integration/order-helper.js
index f18cd44de..1f0930477 100644
--- a/src/helpers/heritage-integration/order-helper.js
+++ b/src/helpers/heritage-integration/order-helper.js
@@ -100,6 +100,7 @@ async function saveSessionHelper() {
             accountNumber: savedSessionInfo.data.accountNumber?.toString(),
             savedSessionId: savedSessionInfo.data.savedSessionId,
             crmCustomerId: savedSessionInfo.data.crmCustomerId?.toString(),
+            eon: savedSessionInfo.data.eon,
         },
         false
     );
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 3f2a75ebb..8975d5f37 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -25,7 +25,9 @@
                     groupName="ServicePackageQuestion"
                     :availableLineItems="availableLineItems"
                     :isInsuranceSelected="isInsuranceSelected"
-                    @vapsItemsSelected="vapsItemsSelectedAction" />
+                    @vapsItemsSelected="vapsItemsSelectedAction"
+                    validationRules="option-required"
+                    isRequired />
 
                 <textBlock
                     cmsWidgetName="quoteDisclaimer"
@@ -64,14 +66,19 @@ import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
 import store from "@/store";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
-import { Form } from "vee-validate";
+import { required } from "@/helpers/validation-rules";
+import { errorMessages } from "@/constants/error-messages";
+import { Form, defineRule } from "vee-validate";
 import { navigateToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
+import { applicationConfig } from "@/constants/application-config";
+
+defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
 
 export default {
     name: "quote",
     async beforeRouteEnter(to, from, next) {
         // Call APIs
-        const cmsContent = await fetchCmsContentForPage(to.query.fmgPage);
+        const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
         const wipersPromise = baseMixin.methods.dispatchStoreAction(storeActions.GET_WIPERS);
         const rainDefensePromise = baseMixin.methods.dispatchStoreAction(
             storeActions.GET_RAIN_DEFENSE
@@ -81,6 +88,10 @@ export default {
         );
 
         const promiseResultMap = [
+            {
+                resultKey: "cmsContent",
+                promise: cmsContentPromise,
+            },
             {
                 resultKey: "wipers",
                 promise: wipersPromise,
@@ -112,8 +123,7 @@ export default {
 
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
-            vm.setCmsContent(cmsContent);
-
+            vm.setCmsContent(resultMap.cmsContent);
             vm.supportingItems = resultMap.supportingItems;
             vm.availableLineItems = pricingResults;
             vm.isInsuranceSelected = vm.getDefaultIsInsuranceSelectedValue();
@@ -150,6 +160,12 @@ export default {
         vapsItemsSelectedAction(vapsItemsSelected) {
             this.selectedVaps = vapsItemsSelected;
         },
+        filterOutFees(currentSupportingItems) {
+            const filteredSupportingItems = currentSupportingItems.filter(item => {
+               return !item.partType.includes("FEE") || (item.partType === "REPAIR FEE" && item.partNumber != "SUPPLIES-REPAIR");
+            });
+            return filteredSupportingItems;
+        },
         backButtonAction() {
             vehicleQuestionsMixin.methods.navigateBack(this);
         },
@@ -159,6 +175,16 @@ export default {
                 this.isInsuranceSelected,
                 false
             );
+            if(!this.isInsuranceSelected) { // Need to double check this is the way to update to cash parent account number
+                this.dispatchStoreAction(
+                    this.storeActions.SAVE_ACCOUNT_NUMBER,
+                    applicationConfig.CASH_ACCOUNT_NUMBER,
+                    false
+                );
+            }
+            if(this.$store.getters.order.accountNumber != applicationConfig.CASH_ACCOUNT_NUMBER) {
+                this.supportingItems = this.filterOutFees(this.supportingItems);
+            }
             this.dispatchStoreAction(
                 this.storeActions.SAVE_SUPPORTING_ITEMS,
                 this.supportingItems,
diff --git a/src/layouts/quote/service-package-question/service-package-question.vue b/src/layouts/quote/service-package-question/service-package-question.vue
index b642587ab..51cd16a3e 100644
--- a/src/layouts/quote/service-package-question/service-package-question.vue
+++ b/src/layouts/quote/service-package-question/service-package-question.vue
@@ -5,7 +5,8 @@
         buttonTypeString="servicePackageRadio"
         :buttonTypeObject="servicePackageRadio"
         v-model="selectedPackageName"
-        isRequired />
+        :validationRules="validationRules"
+        :isRequired="isRequired" />
 </template>
 
 <script>
@@ -28,6 +29,8 @@ export default {
         groupName: String,
         cashCmsWidgetName: String,
         insuranceCmsWidgetName: String,
+        validationRules: String,
+        isRequired: Boolean,
         isInsuranceSelected: Boolean,
         availableLineItems: null,
     },
@@ -185,7 +188,7 @@ export default {
                         item.partType.toUpperCase() === partTypeStrings.FRONT_WIPER) ||
                     (priceRearWipers && item.partType.toUpperCase() === partTypeStrings.REAR_WIPER)
                 ) {
-                    vapsPrice += item.price;
+                    vapsPrice += baseMixin.methods.getTotalLineItemPrice(item);
                 }
             });
             return vapsPrice;
@@ -204,7 +207,7 @@ export default {
                     (priceRainDefense &&
                         item.partType.toUpperCase() === partTypeStrings.RAIN_DEFENSE)
                 ) {
-                    vapsPrice += item.price;
+                    vapsPrice += baseMixin.methods.getTotalLineItemPrice(item);
                 }
             });
             return vapsPrice;
diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index ef9c2e54e..f6c3518ba 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -72,11 +72,14 @@ export default {
                     partType != partTypeStrings.REAR_WIPER &&
                     partType != partTypeStrings.RAIN_DEFENSE
                 ) {
-                    totalPrice += lineItem.price;
+                    totalPrice += this.getTotalLineItemPrice(lineItem);
                 }
             });
             return totalPrice;
         },
+        getTotalLineItemPrice(lineItem) {
+            return lineItem.kitPrice + lineItem.laborAmount + lineItem.sellingPrice;
+        },
     },
     computed: {
         storeActions() {
diff --git a/src/mixins/vehicle-questions-mixin.js b/src/mixins/vehicle-questions-mixin.js
index bef4f6545..49f291392 100644
--- a/src/mixins/vehicle-questions-mixin.js
+++ b/src/mixins/vehicle-questions-mixin.js
@@ -42,7 +42,9 @@ export default {
                         requiresCapabilityQuestions: singlePart.requiresCapabilityQuestions,
                         recalibrationType: singlePart.recalibrationType,
                         childParts: singlePart.childParts,
-                        price: singlePart.price,
+                        kitPrice: singlePart.kitPrice,
+                        sellingPrice: singlePart.sellingPrice,
+                        laborAmount: singlePart.laborAmount,
                     });
                 }
             });
diff --git a/src/store/index.js b/src/store/index.js
index 8684f513a..6f5883d18 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -149,6 +149,9 @@ export const mutations = {
     updateSupportingItems(state, partsData) {
         state.order.lineItems.supportingItems = partsData;
     },
+    updateLineItemsServerData(state, serverData) {
+        state.order.lineItems.serverData = serverData;
+    },
     updatePageData(state, pageData) {
         state.applicationUser.pageData[pageData.page] = pageData.data;
     },
@@ -1022,6 +1025,7 @@ export const actions = {
                     referralDate: order.referralDate,
                     referralNumber: order.referralNumber?.toString(), // TODO It'd be nice to save these as strings in the first place
                     referralSequenceNumber: order.referralNumber?.toString(), // TODO Pass the referralSequence number once insurance flow creates it
+                    eon: order.eon,
                 },
             },
         });
@@ -1379,6 +1383,9 @@ export const actions = {
     savePaymentType(context, isInsurance) {
         context.commit(storeMutations.UPDATE_IS_INSURANCE, isInsurance);
     },
+    saveAccountNumber(context, accountNumber) {
+        context.commit(storeMutations.UPDATE_PARENT_ACCT_NUMBER, accountNumber);
+    },
     saveSupportingItems(context, supportingItems) {
         context.commit(storeMutations.UPDATE_SUPPORTING_ITEMS, supportingItems);
     },
@@ -1386,11 +1393,34 @@ export const actions = {
         context.commit(storeMutations.UPDATE_VAPS, vaps);
     },
     // Price order actions
-    // PLACEHOLDER, WILL CHANGE WHEN PRICING END POINT IS IMPLEMENTED
-    priceOrderItems(context, availableLineItems) {
-        availableLineItems.forEach((lineItem) => {
-            lineItem["price"] = parseFloat((Math.random() * 100).toFixed(2));
+    async priceOrderItems(context, availableLineItems) {
+        const availableLineItemsFormattedForRequest = availableLineItems
+            .map((lineItem) => `&LineItems=${lineItem.partNumber}`)
+            .join("");
+        const vehicle = context.getters.order.vehicle;
+        let queryString =
+            `ParentAccountNumber=${applicationConfig.CASH_ACCOUNT_NUMBER}` +
+            `&CTU=${context.getters.order.serviceLocation.zipCodeCtu}` +
+            `&CarId=${vehicle.carId}` +
+            `&Make=${vehicle.make}` +
+            `&Model=${vehicle.model}` +
+            `&Year=${vehicle.year}` +
+            `&EON=${context.getters.order.eon}` +
+            `&ZipCode=${context.getters.order.serviceLocation.zipCode}` +
+            `${availableLineItemsFormattedForRequest}`;
+        const lineItemServerData = context.getters.order.lineItems.serverData;
+        if (lineItemServerData) {
+            queryString += `&ServerData=${lineItemServerData}`;
+        }
+        const response = await globalMethods.callHttpClient({
+            method: endpoints.PriceOrderItems.method,
+            endpoint: `${endpoints.PriceOrderItems.url}?${queryString}`,
         });
+
+        context.commit(storeMutations.UPDATE_LINE_ITEMS_SERVER_DATA, response.data.serverData);
+
+        availableLineItems = addPricesToLineItems(availableLineItems, response.data.lineItems);
+        
         return availableLineItems;
     },
     // Misc order actions
@@ -1540,3 +1570,15 @@ function convertGlassPieceNamingFromApi(glassArray) {
     });
     return glassArray;
 }
+
+function addPricesToLineItems(lineItems, pricingLineItems) {
+    lineItems.forEach((lineItem) => {
+        let pricedLineItem = pricingLineItems.find(
+            (pricingLineItem) => pricingLineItem.partNumber === lineItem.partNumber
+        );
+        lineItem.laborAmount = pricedLineItem.laborAmount;
+        lineItem.sellingPrice = pricedLineItem.sellingPrice;
+        lineItem.kitPrice = pricedLineItem.kitPrice;
+    });
+    return lineItems;
+}

From ac13e264eb8050becb1ecb535277a35911cd6995 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Tue, 13 Dec 2022 14:53:33 -0500
Subject: [PATCH 5/8] CSR-504 | Formatting

---
 src/layouts/quote/quote.vue | 12 ++++++++----
 src/store/index.js          |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 8975d5f37..427d2f5f7 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -161,8 +161,11 @@ export default {
             this.selectedVaps = vapsItemsSelected;
         },
         filterOutFees(currentSupportingItems) {
-            const filteredSupportingItems = currentSupportingItems.filter(item => {
-               return !item.partType.includes("FEE") || (item.partType === "REPAIR FEE" && item.partNumber != "SUPPLIES-REPAIR");
+            const filteredSupportingItems = currentSupportingItems.filter((item) => {
+                return (
+                    !item.partType.includes("FEE") ||
+                    (item.partType === "REPAIR FEE" && item.partNumber != "SUPPLIES-REPAIR")
+                );
             });
             return filteredSupportingItems;
         },
@@ -175,14 +178,15 @@ export default {
                 this.isInsuranceSelected,
                 false
             );
-            if(!this.isInsuranceSelected) { // Need to double check this is the way to update to cash parent account number
+            if (!this.isInsuranceSelected) {
+                // Need to double check this is the way to update to cash parent account number
                 this.dispatchStoreAction(
                     this.storeActions.SAVE_ACCOUNT_NUMBER,
                     applicationConfig.CASH_ACCOUNT_NUMBER,
                     false
                 );
             }
-            if(this.$store.getters.order.accountNumber != applicationConfig.CASH_ACCOUNT_NUMBER) {
+            if (this.$store.getters.order.accountNumber != applicationConfig.CASH_ACCOUNT_NUMBER) {
                 this.supportingItems = this.filterOutFees(this.supportingItems);
             }
             this.dispatchStoreAction(
diff --git a/src/store/index.js b/src/store/index.js
index 6f5883d18..817c852a9 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1420,7 +1420,7 @@ export const actions = {
         context.commit(storeMutations.UPDATE_LINE_ITEMS_SERVER_DATA, response.data.serverData);
 
         availableLineItems = addPricesToLineItems(availableLineItems, response.data.lineItems);
-        
+
         return availableLineItems;
     },
     // Misc order actions

From d135ac2dbccca52fcd853bcfaa81b294240b1541 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Tue, 13 Dec 2022 14:56:09 -0500
Subject: [PATCH 6/8] CSR-504 | Remove comment

---
 src/layouts/quote/quote.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 427d2f5f7..805d7af16 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -179,7 +179,6 @@ export default {
                 false
             );
             if (!this.isInsuranceSelected) {
-                // Need to double check this is the way to update to cash parent account number
                 this.dispatchStoreAction(
                     this.storeActions.SAVE_ACCOUNT_NUMBER,
                     applicationConfig.CASH_ACCOUNT_NUMBER,

From d0c61bcac8980f8f889f46d9327fb71b24e3ce6a Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Tue, 13 Dec 2022 15:27:54 -0500
Subject: [PATCH 7/8] CSR-504 | Small refactoring

---
 src/layouts/quote/quote.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 805d7af16..3a1ba2cf8 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -34,10 +34,10 @@
                     justifyText="left"
                     typeStyle="caption"
                     class="mt-4" />
-                <modal cmsWidgetName="EstimateRainDefenseModal" />
-                <modal cmsWidgetName="EstimateFrontWiperModal" />
-                <modal cmsWidgetName="EstimateRearWiperModal" />
-                <modal cmsWidgetName="EstimateRecalModal" />
+                <modal cmsWidgetName="RainDefenseModal" />
+                <modal cmsWidgetName="FrontWiperModal" />
+                <modal cmsWidgetName="RearWiperModal" />
+                <modal cmsWidgetName="RecalModal" />
                 <funnel-footer
                     cmsWidgetName="FunnelFooterWidget"
                     :isForwardActionDisabled="!meta.valid"
@@ -126,7 +126,7 @@ export default {
             vm.setCmsContent(resultMap.cmsContent);
             vm.supportingItems = resultMap.supportingItems;
             vm.availableLineItems = pricingResults;
-            vm.isInsuranceSelected = vm.getDefaultIsInsuranceSelectedValue();
+            vm.isInsuranceSelected = vm.getDefaultIsInsuranceSelectedValue(vm.availableLineItems);
         });
     },
     data() {
@@ -147,13 +147,13 @@ export default {
                         store.getters.order.lineItems.glassParts.length > 0))
             );
         },
-        getDefaultIsInsuranceSelectedValue() {
+        getDefaultIsInsuranceSelectedValue(availableLineItems) {
             const defaultIsInsuranceSelectedValue = this.$store.getters.order.payment.isInsurance;
             if (defaultIsInsuranceSelectedValue != null) {
                 return defaultIsInsuranceSelectedValue;
             } else {
-                return this.availableLineItems
-                    ? baseMixin.methods.getTierOnePackagePrice(this.availableLineItems) > 500
+                return availableLineItems
+                    ? baseMixin.methods.getTierOnePackagePrice(availableLineItems) > 500
                     : null;
             }
         },

From c09c6da2834d8688414acc01b0c0e8bebf816b94 Mon Sep 17 00:00:00 2001
From: CarlNation <carl.nation@safelite.com>
Date: Tue, 13 Dec 2022 15:52:31 -0500
Subject: [PATCH 8/8] CSR-963 experiment settings compare as strings

---
 src/helpers/heritage-integration/navigation-helper.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/helpers/heritage-integration/navigation-helper.js b/src/helpers/heritage-integration/navigation-helper.js
index e5efaa0fc..7030ba193 100644
--- a/src/helpers/heritage-integration/navigation-helper.js
+++ b/src/helpers/heritage-integration/navigation-helper.js
@@ -69,7 +69,7 @@ export async function skipVinLookup() {
     return (
         store.getters.damage.isRepair ||
         isVinOptionalVehicle ||
-        experimentMixin.methods.hasSettingEqualTo(experimentSettings.SUPPRESS_VIN_CAPTURE, true)
+        experimentMixin.methods.hasSettingEqualTo(experimentSettings.SUPPRESS_VIN_CAPTURE, "true")
     );
 }
 
@@ -83,7 +83,7 @@ export async function skipVinLookupNotRepair() {
         (isVinOptionalVehicle ||
             experimentMixin.methods.hasSettingEqualTo(
                 experimentSettings.SUPPRESS_VIN_CAPTURE,
-                true
+                "true"
             ))
     );
 }