CASH-462 | Add applicationUser information to submittedState

Refactor experiment mixin

src/helpers/experiment-helper.js

@@ -0,0 +1,20 @@
+export function getExperimentSettingsFromExperimentList(experimentList) {
+    return (
+        experimentList
+            .filter((x) => !!x.isActive)
+            .map((x) => x.settings)
+            .reduce((r, c) => Object.assign(r, c), {}) ?? {}
+    );
+}
+
+export function getSettingValue(settingName, experimentSettings) {
+    return hasSetting(settingName, experimentSettings) ? experimentSettings[settingName] : null;
+}
+
+export function hasSettingEqualTo(settingName, settingValue, experimentSettings) {
+    return experimentSettings[settingName] == settingValue;
+}
+
+export function hasSetting(settingName, experimentSettings) {
+    return Object.hasOwn(experimentSettings, settingName);
+}

src/layouts/confirmation/confirmation.vue

@@ -65,7 +65,7 @@
                                 :isNoComp="isNoComp"
                                 :isMSRFeeApplicable="isMSRFeeApplicable" />
 
-                            <div class="mt-3" v-if="DisplayFosterLove">
+                            <div class="mt-3" v-if="shouldDisplayFosterLove">
                                 <donationBlock
                                     cmsWidgetName="DonationWidget"
                                     v-model="donationAmount"
@@ -116,8 +116,6 @@ import { coverageStatus } from "@/constants/insurance";
 import { getDisplayTextForDurationLength } from "@/helpers/duration-length-helper";
 import { experimentSettings } from "@/constants/experiments";
 import experimentMixin from "@/mixins/experiment-mixin.js";
-import { partTypeStrings } from "@/constants/part-type-strings";
-import { containsLineItemWithPartType } from "@/helpers/service-package-helper";
 import { containsRecalParts } from "@/helpers/recal-helper.js";
 import donationBlock from "@/experiment-components/donation-block.vue";
 import { partNumberStrings } from "@/constants/part-number-strings";
@@ -125,7 +123,16 @@ import { partNumberStrings } from "@/constants/part-number-strings";
 export default {
     name: "confirmation",
     async beforeRouteEnter(to, from, next) {
+        // Experiments
         const hasRecalPriceRemoveExperiment = await store.getters.shouldHideRecalibration;
+        let applicationUser = baseMixin.methods.hasSubmittedApplicationUser()
+            ? baseMixin.methods.getSubmittedApplicationUser()
+            : store.getters.applicationUser;
+        let hasFosterLoveExperiment = experimentMixin.methods.hasSettingEqualTo(
+            experimentSettings.FOSTER_LOVE,
+            "true",
+            applicationUser.experiments
+        );
 
         // send part question data to SPS API for logging
         const orderFromStore = await deepClone(store.getters.order);
@@ -213,7 +220,6 @@ export default {
             if (isNoComp || isItac) {
                 return false;
             }
-
             return hasRecalPriceRemoveExperiment && isRecalibrationOnOrder;
         };
 
@@ -229,6 +235,7 @@ export default {
             vm.vaps = availableVaps;
             vm.submittedOrder = submittedOrder;
             vm.shouldHideRecalibration = shouldHideRecalibration();
+            vm.shouldDisplayFosterLove = hasFosterLoveExperiment;
             vm.donationAmount = donationAmount;
         });
     },
@@ -238,18 +245,13 @@ export default {
             vaps: [],
             submittedOrder: null,
             shouldHideRecalibration: null,
+            shouldDisplayFosterLove: null,
             donationAmount: 0,
             showDonationSuccess: null,
             showDonationError: null,
         };
     },
     computed: {
-        DisplayFosterLove() {
-            return experimentMixin.methods.hasSettingEqualTo(
-                experimentSettings.FOSTER_LOVE,
-                "true"
-            );
-        },
         isRecalibrationOnOrder() {
             return containsRecalParts(this?.lineItems);
         },

src/mixins/experiment-mixin.js

@@ -1,17 +1,33 @@
 import store from "@/store";
+import * as experimentHelper from "../helpers/experiment-helper";
+
+/*
+    This is a wrapper around experiment-helper.js methods that allows an override
+      to provide a custom list of experiments. At the time of implementation this
+      was necessary for checking submittedState for experiments
+*/
 
 export default {
     methods: {
-        hasSettingEqualTo(settingName, settingValue) {
+        hasSettingEqualTo(
-            return store.getters.experimentSettings[settingName] == settingValue;
+            settingName,
+            settingValue,
+            experimentList = store.getters.applicationUser.experiments
+        ) {
+            const experimentSettings = experimentHelper.getExperimentSettingsFromExperimentList(experimentList);
+            return experimentHelper.hasSettingEqualTo(
+                settingName,
+                settingValue,
+                experimentSettings
+            );
         },
-        hasSetting(settingName) {
+        hasSetting(settingName, experimentList = store.getters.applicationUser.experiments) {
-            return Object.hasOwn(store.getters.experimentSettings, settingName);
+            const experimentSettings = experimentHelper.getExperimentSettingsFromExperimentList(experimentList);
+            return experimentHelper.hasSetting(settingName, experimentSettings);
         },
-        getSettingValue(settingName) {
+        getSettingValue(settingName, experimentList = store.getters.applicationUser.experiments) {
-            return this.hasSetting(settingName)
+            const experimentSettings = experimentHelper.getExperimentSettingsFromExperimentList(experimentList);
-                ? store.getters.experimentSettings[settingName]
+            return experimentHelper.getSettingValue(settingName, experimentSettings);
-                : null;
         },
     },
 };

src/store/index.js

@@ -21,6 +21,10 @@ import {
 } from "@/constants/schedule-constants";
 import { getQuerystringParameter } from "@/helpers/querystring-helper";
 import { deepClone } from "@/helpers/object-helper";
+import {
+    getExperimentSettingsFromExperimentList,
+    hasSettingEqualTo
+} from "../helpers/experiment-helper";
 import { queryStrings } from "@/constants/query-strings";
 import { partTypeStrings } from "@/constants/part-type-strings";
 import {
@@ -824,7 +828,9 @@ export const getters = {
     coverageIsVerified: (state) => {
         let order;
         if (window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE) !== null) {
-            order = JSON.parse(window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE)).order;
+            order = JSON.parse(
+                window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE)
+            ).order;
         } else {
             order = state.order;
         }
@@ -854,29 +860,24 @@ export const getters = {
     isRecalibrationOnSubmittedState: (state) => {
         if (window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE) !== null) {
             return getHasRecalibrationPart({
-                order: JSON.parse(window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE)).order,
+                order: JSON.parse(
+                    window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE)
+                ).order,
             });
         }
-
         return false;
     },
     shouldHideRecalibration: (state) => {
-        var order;
         if (window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE) !== null) {
-            order = JSON.parse(window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE)).order;
+            state = JSON.parse(window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE));
-        } else {
-            order = state.order;
         }
-
+        let order = state.order;
+        let applicationUser = state.applicationUser;
         if (order.payment.isInsurance) {
             return false;
         }
 
-        return (
+        return (hasSettingEqualTo(experimentSettings.RECAL_PRICE_REMOVE, "true", getExperimentSettingsFromExperimentList(applicationUser.experiments)) && getters.isRecalibrationOnOrder(state))
-            experimentMixin.methods
-                .getSettingValue(experimentSettings.RECAL_PRICE_REMOVE)
-                ?.toLowerCase() === "true" && getters.isRecalibrationOnOrder(state)
-        );
     },
     areRearWipersOnOrder: (state) => {
         return !!state.order.lineItems.vaps?.some(
@@ -975,10 +976,7 @@ export const getters = {
         };
     },
     experimentSettings: (state) =>
-        state.applicationUser.experiments
+        getExperimentSettingsFromExperimentList(state.applicationUser.experiments),
-            .filter((x) => !!x.isActive)
-            .map((x) => x.settings)
-            .reduce((r, c) => Object.assign(r, c), {}) ?? {},
 
     isVerifiedAndDeductibleZeroConfirmed: (state) => {
         // used in CMS on /payment-method in Header Sub Text, for FunnelSubHeaderWidget on cart pages
@@ -1855,6 +1853,7 @@ export const actions = {
         if (windshieldPartWithRecal) {
             url += `/${windshieldPartWithRecal.partNumber}`;
         }
+        url += "/false";
 
         return globalMethods.callHttpClient({
             method: endpoints.GetProviders.method,
@@ -3273,7 +3272,10 @@ export const actions = {
         const affiliateCookies = context.state.applicationUser.affiliateCookies;
 
         // set to local storage
-        window.sessionStorage.setItem(sessionStorageKeyConstants.SUBMITTED_STATE, JSON.stringify(submittedState));
+        window.sessionStorage.setItem(
+            sessionStorageKeyConstants.SUBMITTED_STATE,
+            JSON.stringify(submittedState)
+        );
         window.sessionStorage.setItem("createNewSessionForHeritage", true);
 
         // clear vuex
@@ -3331,7 +3333,10 @@ export const actions = {
             applicationUser: submittedApplicationUser,
         };
         // set to local storage
-        window.sessionStorage.setItem(sessionStorageKeyConstants.SUBMITTED_STATE, JSON.stringify(submittedState));
+        window.sessionStorage.setItem(
+            sessionStorageKeyConstants.SUBMITTED_STATE,
+            JSON.stringify(submittedState)
+        );
     },
 
     resetSubmittedState(context) {