From f9462dcc099daa06545c39f18d29067171e8cc5f Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 16 Feb 2024 12:44:10 -0500
Subject: [PATCH 01/20] WIP Insurance search page w/ jQuery and jQuery UI.

---
 jest.config.js                                |   1 +
 package-lock.json                             |  28 ++
 package.json                                  |   2 +
 .../insurance-lookup/insurance-lookup-spec.js |   0
 .../insurance-lookup/insurance-lookup.vue     | 161 +++++++++
 src/layouts/insurance/insurance.vue           | 326 ------------------
 src/main.js                                   |   4 +
 src/router/router-constants/fmgPage-values.js |   2 +-
 src/router/router-constants/routing-table.js  |   2 +-
 9 files changed, 198 insertions(+), 328 deletions(-)
 create mode 100644 src/layouts/insurance-lookup/insurance-lookup-spec.js
 create mode 100644 src/layouts/insurance-lookup/insurance-lookup.vue
 delete mode 100644 src/layouts/insurance/insurance.vue

diff --git a/jest.config.js b/jest.config.js
index 8f0550488..897b43535 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -25,6 +25,7 @@ module.exports = {
     "!src/layouts/payment/*.vue", // Temp test exclusion while in development
     "!src/layouts/payment-pia-return/*.vue", // Temp test exclusion while in development
     "!src/layouts/insurance/*.vue", // Temp test exclusion while in development
+    "!src/layouts/insurance-lookup/*.vue", // Temp test exclusion while in development
     // END
   ], // ! means exclude from coverage.
   testMatch: ["**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],
diff --git a/package-lock.json b/package-lock.json
index 91e44113b..eef1c9479 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,8 @@
         "http-status-codes": "^2.1.4",
         "iframe-resizer": "^4.3.7",
         "jest-junit": "^13.0.0",
+        "jquery": "^3.7.1",
+        "jquery-ui": "^1.13.2",
         "maska": "^1.5.0",
         "vee-validate": "^4.5.7",
         "vue": "^3.0.0",
@@ -16173,6 +16175,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
+    },
+    "node_modules/jquery-ui": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/jquery-ui/-/jquery-ui-1.13.2.tgz",
+      "integrity": "sha512-wBZPnqWs5GaYJmo1Jj0k/mrSkzdQzKDwhXNtHKcBdAcKVxMM3KNYFq+iJ2i1rwiG53Z8M4mTn3Qxrm17uH1D4Q==",
+      "dependencies": {
+        "jquery": ">=1.8.0 <4.0.0"
+      }
+    },
     "node_modules/js-beautify": {
       "version": "1.14.0",
       "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.0.tgz",
@@ -37364,6 +37379,19 @@
         }
       }
     },
+    "jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
+    },
+    "jquery-ui": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/jquery-ui/-/jquery-ui-1.13.2.tgz",
+      "integrity": "sha512-wBZPnqWs5GaYJmo1Jj0k/mrSkzdQzKDwhXNtHKcBdAcKVxMM3KNYFq+iJ2i1rwiG53Z8M4mTn3Qxrm17uH1D4Q==",
+      "requires": {
+        "jquery": ">=1.8.0 <4.0.0"
+      }
+    },
     "js-beautify": {
       "version": "1.14.0",
       "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.0.tgz",
diff --git a/package.json b/package.json
index d99b971c2..3c9cc10fa 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,8 @@
     "http-status-codes": "^2.1.4",
     "iframe-resizer": "^4.3.7",
     "jest-junit": "^13.0.0",
+    "jquery": "^3.7.1",
+    "jquery-ui": "^1.13.2",
     "maska": "^1.5.0",
     "vee-validate": "^4.5.7",
     "vue": "^3.0.0",
diff --git a/src/layouts/insurance-lookup/insurance-lookup-spec.js b/src/layouts/insurance-lookup/insurance-lookup-spec.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
new file mode 100644
index 000000000..f06dafcf4
--- /dev/null
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -0,0 +1,161 @@
+<template>
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
+        <loadingModal ref="loadingModal" />
+        <div class="container-fluid page-container-grouped-styles">
+            <div class="row justify-content-center">
+                <div class="col-md-6">
+                    <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
+                </div>
+            </div>
+            <div class="row justify-content-center">
+                <div class="col-md-6 col-xl-4">
+                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" />
+                    <textboxQuestion
+                        v-model="selectedQuery"
+                        customInputId="autocomplete"
+                        class="mb-4 mt-5"
+                        cmsWidgetName="InsuranceCoQuestionWidget"
+                        includeSearchIcon
+                        cornerStyle="rounded" />
+
+                    <navbar
+                        cmsWidgetName="FunnelFooterWidget"
+                        ref="navbar"
+                        :isForwardActionDisabled="!meta.valid"
+                        @back-clicked="backButtonAction"
+                        @ForwardClicked="forwardButtonAction" />
+                </div>
+            </div>
+        </div>
+    </Form>
+</template>
+
+<script>
+// Components
+import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
+import navbar from "@/fmg-components/nav-bar/nav-bar";
+import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
+import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
+import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
+
+// Supporting files
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { settleAllPromises } from "@/helpers/layout-helper";
+import { storeActions } from "@/constants/store-actions";
+import { errorMessages } from "@/constants/error-messages";
+import {
+    getDamageString,
+    getIsWindshieldOnly,
+    isGlassAvailableForCarId,
+} from "@/helpers/damage-helper";
+import { required, regex } from "@/helpers/validation-rules";
+import { Form, defineRule } from "vee-validate";
+import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
+import { routerParams } from "@/router/router-constants/router-params";
+
+import store from "@/store";
+import vinPagesMixin from "@/mixins/vin-pages-mixin";
+import $ from "jquery";
+
+// DEFINE VALIDATION RULES
+defineRule("zip-required", required(errorMessages.SERVICE_ZIP_REQUIRED));
+defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
+defineRule("email-address-required", required(errorMessages.EMAIL_ADDRESS_REQUIRED));
+defineRule(
+    "email-address-format",
+    regex(
+        /^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9-]+)\.([a-zA-Z]{2,})$/,
+        errorMessages.EMAIL_ADDRESS_FORMAT
+    )
+);
+defineRule("vin-required", required(errorMessages.VIN_REQUIRED));
+defineRule("vin-format", regex(/^[a-hA-Hj-nJ-NpPr-zR-Z0-9]{17}$/, errorMessages.VIN_FORMAT));
+
+export default {
+    name: "insurance-lookup",
+    mixins: [vinPagesMixin],
+    async beforeRouteEnter(to, from, next) {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
+
+        // Settle promises and get results
+        const promiseResultMap = [
+            {
+                resultKey: "cmsContent",
+                promise: cmsContentPromise,
+            },
+        ];
+
+        const resultMap = await settleAllPromises(promiseResultMap);
+
+        // Call the "next" function to complete the transition to this page.
+        next((vm) => {
+            vm.setCmsContent(resultMap.cmsContent);
+        });
+    },
+    data() {
+        return {
+            availableTags: ["Allstate", "Liberty Mutual", "State Farm", "Farmers", "Progressive"],
+            selectedQuery: "",
+        };
+    },
+    methods: {
+        arePagePrerequisitesValid() {
+            return store.getters.vehicle.carId !== null;
+        },
+        handleAutocompleteSelect(value) {
+            this.selectedQuery = value;
+        }
+    }, 
+    mounted() {
+        const select = this.handleAutocompleteSelect;
+        $("#autocomplete").autocomplete({
+            source: this.availableTags,
+            position: {
+                my: 'left top+6',
+            },
+            select: function( event, ui ) {
+                select(ui.item.value);
+            }
+        });
+    },
+    components: {
+        funnelHeader,
+        navbar,
+        funnelSubHeader,
+        textboxQuestion,
+        Form,
+        loadingModal,
+    },
+};
+</script>
+<style lang="scss">
+ul {
+    &.ui-autocomplete {
+        position: absolute;
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+        background: $white;
+        border: 1px solid $gray;
+        border-radius: .25rem;
+        li {
+            padding: .125rem .5rem;
+            &:hover {
+                background-color: $gray-100;
+                cursor: pointer;
+            }
+        }
+    }
+}
+.ui-helper-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+</style>
diff --git a/src/layouts/insurance/insurance.vue b/src/layouts/insurance/insurance.vue
deleted file mode 100644
index 88441fd9a..000000000
--- a/src/layouts/insurance/insurance.vue
+++ /dev/null
@@ -1,326 +0,0 @@
-<template>
-    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <loadingModal ref="loadingModal" />
-        <div class="container-fluid page-container-grouped-styles">
-            <div class="row justify-content-center">
-                <div class="col-md-6">
-                    <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4">
-                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" />
-
-                    <textboxQuestion
-                        class="mb-2 mt-5"
-                        cmsWidgetName="InsuranceCoQuestionWidget"
-                        includeSearchIcon
-                        cornerStyle="rounded" />
-
-                    <navbar
-                        cmsWidgetName="FunnelFooterWidget"
-                        ref="navbar"
-                        :isForwardActionDisabled="!meta.valid"
-                        @back-clicked="backButtonAction"
-                        @ForwardClicked="forwardButtonAction" />
-                </div>
-            </div>
-        </div>
-    </Form>
-</template>
-
-<script>
-// Components
-import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
-import navbar from "@/fmg-components/nav-bar/nav-bar";
-import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
-import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
-import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
-
-// Supporting files
-import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
-import { settleAllPromises } from "@/helpers/layout-helper";
-import { storeActions } from "@/constants/store-actions";
-import { errorMessages } from "@/constants/error-messages";
-import {
-    getDamageString,
-    getIsWindshieldOnly,
-    isGlassAvailableForCarId,
-} from "@/helpers/damage-helper";
-import { required, regex } from "@/helpers/validation-rules";
-import { Form, defineRule } from "vee-validate";
-import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
-import { routerParams } from "@/router/router-constants/router-params";
-
-import store from "@/store";
-import vinPagesMixin from "@/mixins/vin-pages-mixin";
-
-// DEFINE VALIDATION RULES
-defineRule("zip-required", required(errorMessages.SERVICE_ZIP_REQUIRED));
-defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
-defineRule("email-address-required", required(errorMessages.EMAIL_ADDRESS_REQUIRED));
-defineRule(
-    "email-address-format",
-    regex(
-        /^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9-]+)\.([a-zA-Z]{2,})$/,
-        errorMessages.EMAIL_ADDRESS_FORMAT
-    )
-);
-defineRule("vin-required", required(errorMessages.VIN_REQUIRED));
-defineRule("vin-format", regex(/^[a-hA-Hj-nJ-NpPr-zR-Z0-9]{17}$/, errorMessages.VIN_FORMAT));
-
-export default {
-    name: "insurance",
-    mixins: [vinPagesMixin],
-    async beforeRouteEnter(to, from, next) {
-        // Call APIs
-        const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
-
-        // Settle promises and get results
-        const promiseResultMap = [
-            {
-                resultKey: "cmsContent",
-                promise: cmsContentPromise,
-            },
-        ];
-
-        const resultMap = await settleAllPromises(promiseResultMap);
-
-        // Call the "next" function to complete the transition to this page.
-        next((vm) => {
-            vm.setCmsContent(resultMap.cmsContent);
-        });
-    },
-    data() {
-        return {
-            vin: this.getVinFromStore(),
-            serviceZipCode: this.getZipFromStore() ?? this.$route.query.zipcode,
-            emailAddress: this.getEmailFromStore(),
-            isCarIdDifferent: false,
-            customAlertData: {},
-            previouslyEnteredCarId: "",
-            vinPopulatedOnPageLoad: this.getVinFromStore()?.length > 0,
-            isSelectedGlassAvailableForVehicle: true,
-            displayInvalidZipAlert: false,
-            displayNonServiceableZipAlert: false,
-            displayVinNotFoundAlert: false,
-            displayMatchedDifferentVehicleAlert: false,
-            displayVinScanFailedAlert: false,
-        };
-    },
-    methods: {
-        arePagePrerequisitesValid() {
-            return store.getters.vehicle.carId !== null;
-        },
-        getEmailFromStore() {
-            return this.$store.getters.order.customer.emailAddress;
-        },
-        getVinFromStore() {
-            return this.$store.getters.vehicle.vin;
-        },
-        getZipFromStore() {
-            return this.$store.getters.order.serviceLocation.zipCode;
-        },
-        attachCustomEvents() {
-            this.prependActionToMethod(this, this.forwardButtonAction, () => {
-                this.pushEventToGA(
-                    this.$route.query[this.queryStrings.FMG_PAGE],
-                    this.GaActions.SUBMITTED,
-                    this.GaLabels.VIN_LOOKUP,
-                    true
-                );
-            });
-        },
-        backButtonAction() {
-            // route to move backwards
-            this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
-        },
-        async forwardButtonAction() {
-            this.resetAlerts();
-
-            // If this is a new VIN Lookup, do both a Vehicle Lookup and a Zip Validation
-            if (!this.vinPopulatedOnPageLoad) {
-                const vehicleLookupResponse = this.dispatchStoreActionWithLogging(
-                    storeActions.LOOKUP_VEHICLE_BY_VIN,
-                    { vin: this.vin },
-                    "vin-lookup"
-                );
-
-                // Settle promises and get results
-                const promiseResultMap = [
-                    {
-                        resultKey: "vehicleLookupResponse",
-                        promise: vehicleLookupResponse,
-                    },
-                    {
-                        resultKey: "zipCodeData",
-                        promise: this.getZipCodeData(this.serviceZipCode),
-                    },
-                ];
-
-                const resultMap = await settleAllPromises(promiseResultMap);
-
-                // If a Service Zip is entered and it is an invalid zip code (ex. 11111) then show an alert
-                const isZipValid = resultMap.zipCodeData.isValid;
-                if (this.serviceZipCode && !isZipValid) {
-                    this.displayInvalidZipAlert = true;
-                    return this.$refs.navbar.removeLoader();
-                }
-                this.displayInvalidZipAlert = false;
-
-                // If either lookup fails, remove the loader and stop processing the page.
-                if (!resultMap.vehicleLookupResponse || !resultMap.zipCodeData.isServiceable) {
-                    // If the vehicle result is undefined, the vin entered was invalid.
-                    if (!resultMap.vehicleLookupResponse) {
-                        this.displayVinNotFoundAlert = true;
-                    }
-
-                    // Check if Service Zip entered is serviceable, if not display an alert
-                    if (!resultMap.zipCodeData.isServiceable) {
-                        this.displayNonServiceableZipAlert = true;
-                    }
-
-                    // Remove loader and stop processing the page.
-                    return this.$refs.navbar.removeLoader();
-                }
-
-                // Check if the CarId is different from the lookup vs what is in state currently.
-                this.isCarIdDifferent =
-                    resultMap.vehicleLookupResponse.carId !== this.$store.getters.vehicle.carId;
-
-                if (
-                    this.isCarIdDifferent &&
-                    resultMap.vehicleLookupResponse.carId !== this.previouslyEnteredCarId
-                ) {
-                    this.previouslyEnteredCarId = resultMap.vehicleLookupResponse.carId;
-                    this.customAlertData.vehicleInfo = resultMap.vehicleLookupResponse;
-                    this.displayMatchedDifferentVehicleAlert = true;
-
-                    this.isSelectedGlassAvailableForVehicle = await isGlassAvailableForCarId(
-                        resultMap.vehicleLookupResponse.carId,
-                        "vin-lookup"
-                    );
-
-                    // Update button "Continue with..."
-                    this.$refs.navbar.updateButtonText(
-                        `Continue with ${resultMap.vehicleLookupResponse.year} ${resultMap.vehicleLookupResponse.make} ${resultMap.vehicleLookupResponse.model}`
-                    );
-                    return this.$refs.navbar.removeLoader();
-                }
-
-                // Save vin, vehicle, customer and service information
-                await this.dispatchStoreAction(
-                    storeActions.SAVE_VIN_LOOKUP,
-                    {
-                        isSelectedGlassAvailableForVehicle: this.isSelectedGlassAvailableForVehicle,
-                        vehicleInfo: Object.assign(resultMap.vehicleLookupResponse, {
-                            vin: this.vin,
-                        }),
-                    },
-                    false
-                );
-
-                await this.dispatchStoreAction(storeActions.SAVE_EMAIL, this.emailAddress, false);
-                await this.dispatchStoreAction(
-                    storeActions.SAVE_SERVICE_ZIP_CODE_INFO,
-                    {
-                        state: resultMap.zipCodeData.state,
-                        zipCode: this.serviceZipCode,
-                        zipCodeCtu: resultMap.zipCodeData.zipCodeCtu,
-                    },
-                    false
-                );
-
-                return await this.navigateForward();
-            }
-
-            // If a VIN has already been found. Validate the Service Zip (in case of changes)
-            const zipCodeData = await this.getZipCodeData(this.serviceZipCode);
-
-            // Check if Service Zip entered is serviceable then save the ZIP info
-            if (zipCodeData.isServiceable) {
-                //Only save the zipCode, state, and zipCodeCtu if the zip changed or we lack zipCodeCtu
-                if (
-                    this.$store.getters.order.serviceLocation.zipCode != this.serviceZipCode ||
-                    !this.$store.getters.order.serviceLocation.zipCodeCtu
-                ) {
-                    await this.dispatchStoreAction(
-                        storeActions.SAVE_SERVICE_ZIP_CODE_INFO,
-                        {
-                            state: zipCodeData.state,
-                            zipCode: this.serviceZipCode,
-                            zipCodeCtu: zipCodeData.zipCodeCtu,
-                        },
-                        false
-                    );
-                }
-
-                await this.dispatchStoreAction(storeActions.SAVE_EMAIL, this.emailAddress, false);
-
-                return await this.navigateForward();
-            }
-
-            // If the Service Zip is NOT serviceable then show an alert
-            if (zipCodeData.isValid) {
-                this.displayNonServiceableZipAlert = true;
-            } else {
-                this.displayInvalidZipAlert = true;
-            }
-
-            return this.$refs.navbar.removeLoader();
-        },
-        async navigateForward() {
-            if (this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle) {
-                this.$router.navigateWithSaving(
-                    this.navigationScenarios.SELECTED_VIN_WITH_MISMATCHED_GLASS,
-                    this.$route,
-                    {},
-                    { [routerParams.DISPLAY_VEHICLE_CHANGE_ALERT]: true }
-                );
-            } else {
-                await this.navigateForwardWithSingleCarMatch();
-            }
-        },
-        displayVinScanAlert() {
-            this.displayVinScanFailedAlert = true;
-        },
-        getVinFromImage(image) {
-            return new Promise((resolve, reject) => {
-                this.dispatchStoreActionWithLogging(
-                    storeActions.LOOKUP_VIN_BY_IMAGE,
-                    image,
-                    "vin-lookup"
-                )
-                    .then((response) => {
-                        if (response.data.length > 0) {
-                            resolve(response.data[0]);
-                        } else {
-                            reject("No VINs detected.");
-                        }
-                    })
-                    .catch(() => {
-                        reject("An error occurred during the lookup.");
-                    });
-            });
-        },
-        resetAlerts() {
-            this.displayMatchedDifferentVehicleAlert = false;
-            this.displayNonServiceableZipAlert = false;
-            this.displayInvalidZipAlert = false;
-            this.displayVinNotFoundAlert = false;
-            this.displayVinScanFailedAlert = false;
-        },
-    },
-    mounted() {
-        this.attachCustomEvents();
-    },
-    components: {
-        funnelHeader,
-        navbar,
-        funnelSubHeader,
-        textboxQuestion,
-        Form,
-        loadingModal,
-    },
-};
-</script>
diff --git a/src/main.js b/src/main.js
index 01aa5406d..b387ffdae 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,10 @@ import baseMixin from "@/mixins/base-mixin.js";
 import analyticsMixin from "@/mixins/analytics-mixin.js";
 import experimentMixin from "@/mixins/experiment-mixin.js";
 import "../node_modules/bootstrap/dist/js/bootstrap.js";
+import "../node_modules/jquery-ui/dist/jquery-ui.min.js";
+
+// Make jQuery avaialble globally
+window.$ = window.jQuery = require("jquery");
 
 // Vue App Setup
 const vueApp = createApp(App);
diff --git a/src/router/router-constants/fmgPage-values.js b/src/router/router-constants/fmgPage-values.js
index b70d9ec9f..880555ae8 100644
--- a/src/router/router-constants/fmgPage-values.js
+++ b/src/router/router-constants/fmgPage-values.js
@@ -11,7 +11,7 @@ const fmgPageValues = {
     ESTIMATE: "estimate",
     ADDRESS_VEHICLES: "address-vehicles",
     QUOTE: "quote",
-    INSURANCE: "insurance",
+    INSURANCE_LOOKUP: "insurance-lookup",
     SERVICE_LOCATION: "service-location",
     HERITAGE: "heritage",
     SCHEDULE: "schedule",
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index a7d993d62..4638644fb 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -391,7 +391,7 @@ const routingTable = function (store) {
                 },
                 {
                     scenario: navigationScenarios.CLICKED_FORWARD_WITH_INSURANCE,
-                    destinationFmgPageValue: fmgPageValues.INSURANCE,
+                    destinationFmgPageValue: fmgPageValues.INSURANCE_LOOKUP,
                 },
             ],
         },

From 3578401a9597aa42760d184a25d9537e6e184dfb Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 16 Feb 2024 15:28:30 -0500
Subject: [PATCH 02/20] WIP rename value, add temp forward/back functionality.

---
 src/layouts/insurance-lookup/insurance-lookup.vue | 8 +++++++-
 src/router/router-constants/routing-table.js      | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index f06dafcf4..0b5e94a7d 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -105,7 +105,13 @@ export default {
         },
         handleAutocompleteSelect(value) {
             this.selectedQuery = value;
-        }
+        },
+        backButtonAction() {
+            this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
+        },
+        forwardButtonAction() {
+            alert("Still needs to be wired up");
+        },
     }, 
     mounted() {
         const select = this.handleAutocompleteSelect;
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 4638644fb..161196eb4 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -396,7 +396,7 @@ const routingTable = function (store) {
             ],
         },
         {
-            fmgPageValue: fmgPageValues.INSURANCE,
+            fmgPageValue: fmgPageValues.INSURANCE_LOOKUP,
             maps: [
                 {
                     scenario: navigationScenarios.CLICKED_BACK,

From e8f4f7bfd435b3f38a29aed582a21813d7665554 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 19 Feb 2024 17:13:24 -0500
Subject: [PATCH 03/20] WIP insurance search autocomplete.

Add backspace show list feature
Add bold matched letters
---
 .../insurance-lookup/insurance-lookup.vue     | 55 ++++++++++++++-----
 1 file changed, 41 insertions(+), 14 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 0b5e94a7d..72eb8fe12 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -93,12 +93,6 @@ export default {
             vm.setCmsContent(resultMap.cmsContent);
         });
     },
-    data() {
-        return {
-            availableTags: ["Allstate", "Liberty Mutual", "State Farm", "Farmers", "Progressive"],
-            selectedQuery: "",
-        };
-    },
     methods: {
         arePagePrerequisitesValid() {
             return store.getters.vehicle.carId !== null;
@@ -112,19 +106,52 @@ export default {
         forwardButtonAction() {
             alert("Still needs to be wired up");
         },
-    }, 
+    },
     mounted() {
         const select = this.handleAutocompleteSelect;
+        // Temporary list of insurance companies for testing
+        var tags = [
+            "21st Century Insurance",
+            "Farmers Insurance",
+            "Grange Insurance",
+            "Liberty Mutual Insurance",
+            "State Auto Insurance",
+            "State Farm Insurance",
+            "Travelers Insurance"
+        ];
+        
         $("#autocomplete").autocomplete({
-            source: this.availableTags,
-            position: {
-                my: 'left top+6',
+            source: function( request, response ) {
+            var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
+                response( $.grep( tags, function( item ){
+                    return matcher.test( item );
+                }) );
             },
-            select: function( event, ui ) {
+            position: {
+                my: "left top+6",
+            },
+            minLength: 0,
+            select: function (event, ui) {
                 select(ui.item.value);
-            }
+            },
+            search: function(event, ui) {
+                setTimeout(() => {
+                    let w = $(this).autocomplete("widget").find("div"),
+                    re = new RegExp("("+this.value+")", "i");
+                    w.html((i, html) =>
+                    html.replace(re, "<b>$1</b>")
+                    );
+                },5);
+            },
         });
     },
+    watch: {
+        selectedQuery(newValue, oldValue) {
+            if (oldValue.length > 0 && newValue.length === 0) {
+                $( "#autocomplete" ).autocomplete( "search", "" );
+            }
+        },
+    },
     components: {
         funnelHeader,
         navbar,
@@ -144,9 +171,9 @@ ul {
         padding: 0;
         background: $white;
         border: 1px solid $gray;
-        border-radius: .25rem;
+        border-radius: 0.25rem;
         li {
-            padding: .125rem .5rem;
+            padding: 0.125rem 0.5rem;
             &:hover {
                 background-color: $gray-100;
                 cursor: pointer;

From a54a36b8c75744e11a53e047014ab0ddd1978bfc Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 20 Feb 2024 10:18:16 -0500
Subject: [PATCH 04/20] WIP add styling for dropdown list.

---
 src/layouts/insurance-lookup/insurance-lookup.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 72eb8fe12..2746c20c4 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -168,13 +168,13 @@ ul {
         position: absolute;
         list-style-type: none;
         margin: 0;
-        padding: 0;
+        padding: .25rem;
         background: $white;
         border: 1px solid $gray;
         border-radius: 0.25rem;
         li {
-            padding: 0.125rem 0.5rem;
-            &:hover {
+            &:hover,
+            .ui-state-active {
                 background-color: $gray-100;
                 cursor: pointer;
             }

From a01f0f456ae7d557b3a870d10db4e622c122e0df Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 20 Feb 2024 13:20:29 -0500
Subject: [PATCH 05/20] Add routing values.

---
 src/layouts/insurance-lookup/insurance-lookup.vue | 7 +++++--
 src/layouts/insurance/insurance.spec.js           | 3 ---
 src/router/router-constants/fmgPage-values.js     | 1 +
 src/router/router-constants/routing-table.js      | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 src/layouts/insurance/insurance.spec.js

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 2746c20c4..6e822ea3c 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -101,10 +101,12 @@ export default {
             this.selectedQuery = value;
         },
         backButtonAction() {
+            // Go back to Quote page
             this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
         },
         forwardButtonAction() {
-            alert("Still needs to be wired up");
+            // Still needs wired up when insurance-details page is created
+            this.$router.navigateWithSaving(this.navigationScenarios.CLICKED_FORWARD, this.$route);
         },
     },
     mounted() {
@@ -130,10 +132,11 @@ export default {
             position: {
                 my: "left top+6",
             },
-            minLength: 0,
+            minLength: 0, // Necessary to display menu when clearing input
             select: function (event, ui) {
                 select(ui.item.value);
             },
+            // Bold matching letters as you type in the input
             search: function(event, ui) {
                 setTimeout(() => {
                     let w = $(this).autocomplete("widget").find("div"),
diff --git a/src/layouts/insurance/insurance.spec.js b/src/layouts/insurance/insurance.spec.js
deleted file mode 100644
index 3ad2b30cc..000000000
--- a/src/layouts/insurance/insurance.spec.js
+++ /dev/null
@@ -1,3 +0,0 @@
-describe("insurance", () => {
-    it.todo("Should render a normal string");
-});
diff --git a/src/router/router-constants/fmgPage-values.js b/src/router/router-constants/fmgPage-values.js
index 880555ae8..4307867a3 100644
--- a/src/router/router-constants/fmgPage-values.js
+++ b/src/router/router-constants/fmgPage-values.js
@@ -12,6 +12,7 @@ const fmgPageValues = {
     ADDRESS_VEHICLES: "address-vehicles",
     QUOTE: "quote",
     INSURANCE_LOOKUP: "insurance-lookup",
+    INSURANCE_DETAILS: "insurance-details",
     SERVICE_LOCATION: "service-location",
     HERITAGE: "heritage",
     SCHEDULE: "schedule",
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 161196eb4..0205d355d 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -404,7 +404,7 @@ const routingTable = function (store) {
                 },
                 {
                     scenario: navigationScenarios.CLICKED_FORWARD,
-                    destinationFmgPageValue: fmgPageValues.SCHEDULE,
+                    destinationFmgPageValue: fmgPageValues.INSURANCE_DETAILS,
                 },
             ],
         },

From 6e3306b5ab2d77fad01f454b8c6a0a50ffb0c186 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 20 Feb 2024 15:57:27 -0500
Subject: [PATCH 06/20] Update style for list items.

---
 src/layouts/insurance-lookup/insurance-lookup.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 6e822ea3c..7cda82334 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -181,6 +181,15 @@ ul {
                 background-color: $gray-100;
                 cursor: pointer;
             }
+            .ui-menu-item-wrapper {
+                border: 1px solid transparent;
+                border-radius: 2px;
+                padding-left: .25rem;
+                &.ui-state-active {
+                    border: 1px solid $gray-200;
+                    border-radius: 2px;
+                }
+            }
         }
     }
 }

From fb58bab45c2afb13c4cce8a6f8ace5ed75a864b9 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 20 Feb 2024 15:59:53 -0500
Subject: [PATCH 07/20] Bold text on hover/active

---
 src/layouts/insurance-lookup/insurance-lookup.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 7cda82334..444cb0f53 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -188,6 +188,7 @@ ul {
                 &.ui-state-active {
                     border: 1px solid $gray-200;
                     border-radius: 2px;
+                    font-weight: bold;
                 }
             }
         }

From c712e8d170492ba3333cd881031756d77e081cc6 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 21 Feb 2024 08:30:10 -0500
Subject: [PATCH 08/20] Update style for matched letters and hover state.

---
 src/layouts/insurance-lookup/insurance-lookup.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 444cb0f53..7830e037d 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -142,7 +142,7 @@ export default {
                     let w = $(this).autocomplete("widget").find("div"),
                     re = new RegExp("("+this.value+")", "i");
                     w.html((i, html) =>
-                    html.replace(re, "<b>$1</b>")
+                    html.replace(re, "<span>$1</span>")
                     );
                 },5);
             },
@@ -185,10 +185,13 @@ ul {
                 border: 1px solid transparent;
                 border-radius: 2px;
                 padding-left: .25rem;
+                span {
+                        font-weight: 600;
+                    }
                 &.ui-state-active {
                     border: 1px solid $gray-200;
                     border-radius: 2px;
-                    font-weight: bold;
+                    font-weight: 600;
                 }
             }
         }

From 2912407afd1422119fe1f9a9e574f08fef4b88ea Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 26 Feb 2024 10:53:07 -0500
Subject: [PATCH 09/20] WIP remove unneeded code.

---
 .../insurance-lookup/insurance-lookup.vue     | 33 ++-----------------
 1 file changed, 2 insertions(+), 31 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 7830e037d..12fc16691 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -1,5 +1,5 @@
 <template>
-    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
+    <Form>
         <loadingModal ref="loadingModal" />
         <div class="container-fluid page-container-grouped-styles">
             <div class="row justify-content-center">
@@ -21,7 +21,6 @@
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
-                        :isForwardActionDisabled="!meta.valid"
                         @back-clicked="backButtonAction"
                         @ForwardClicked="forwardButtonAction" />
                 </div>
@@ -41,39 +40,12 @@ import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
-import { storeActions } from "@/constants/store-actions";
-import { errorMessages } from "@/constants/error-messages";
-import {
-    getDamageString,
-    getIsWindshieldOnly,
-    isGlassAvailableForCarId,
-} from "@/helpers/damage-helper";
-import { required, regex } from "@/helpers/validation-rules";
-import { Form, defineRule } from "vee-validate";
-import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
-import { routerParams } from "@/router/router-constants/router-params";
 
 import store from "@/store";
-import vinPagesMixin from "@/mixins/vin-pages-mixin";
 import $ from "jquery";
 
-// DEFINE VALIDATION RULES
-defineRule("zip-required", required(errorMessages.SERVICE_ZIP_REQUIRED));
-defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
-defineRule("email-address-required", required(errorMessages.EMAIL_ADDRESS_REQUIRED));
-defineRule(
-    "email-address-format",
-    regex(
-        /^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9-]+)\.([a-zA-Z]{2,})$/,
-        errorMessages.EMAIL_ADDRESS_FORMAT
-    )
-);
-defineRule("vin-required", required(errorMessages.VIN_REQUIRED));
-defineRule("vin-format", regex(/^[a-hA-Hj-nJ-NpPr-zR-Z0-9]{17}$/, errorMessages.VIN_FORMAT));
-
 export default {
     name: "insurance-lookup",
-    mixins: [vinPagesMixin],
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
@@ -106,7 +78,7 @@ export default {
         },
         forwardButtonAction() {
             // Still needs wired up when insurance-details page is created
-            this.$router.navigateWithSaving(this.navigationScenarios.CLICKED_FORWARD, this.$route);
+            alert("Needs wired up!")
         },
     },
     mounted() {
@@ -160,7 +132,6 @@ export default {
         navbar,
         funnelSubHeader,
         textboxQuestion,
-        Form,
         loadingModal,
     },
 };

From 3e3e2d89dbed45cabfbaac9911877f11381dff2c Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 28 Feb 2024 08:44:00 -0500
Subject: [PATCH 10/20] WIP insurance search page.

---
 .../insurance-lookup/insurance-lookup.vue     | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 12fc16691..d9d9926e2 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -78,7 +78,7 @@ export default {
         },
         forwardButtonAction() {
             // Still needs wired up when insurance-details page is created
-            alert("Needs wired up!")
+            alert("Needs wired up!");
         },
     },
     mounted() {
@@ -91,15 +91,17 @@ export default {
             "Liberty Mutual Insurance",
             "State Auto Insurance",
             "State Farm Insurance",
-            "Travelers Insurance"
+            "Travelers Insurance",
         ];
-        
+
         $("#autocomplete").autocomplete({
-            source: function( request, response ) {
-            var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
-                response( $.grep( tags, function( item ){
-                    return matcher.test( item );
-                }) );
+            source: function (request, response) {
+                var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i");
+                response(
+                    $.grep(tags, function (item) {
+                        return matcher.test(item);
+                    })
+                );
             },
             position: {
                 my: "left top+6",
@@ -109,21 +111,19 @@ export default {
                 select(ui.item.value);
             },
             // Bold matching letters as you type in the input
-            search: function(event, ui) {
+            search: function (event, ui) {
                 setTimeout(() => {
                     let w = $(this).autocomplete("widget").find("div"),
-                    re = new RegExp("("+this.value+")", "i");
-                    w.html((i, html) =>
-                    html.replace(re, "<span>$1</span>")
-                    );
-                },5);
+                        re = new RegExp("(" + this.value + ")", "i");
+                    w.html((i, html) => html.replace(re, "<span>$1</span>"));
+                }, 5);
             },
         });
     },
     watch: {
         selectedQuery(newValue, oldValue) {
             if (oldValue.length > 0 && newValue.length === 0) {
-                $( "#autocomplete" ).autocomplete( "search", "" );
+                $("#autocomplete").autocomplete("search", "");
             }
         },
     },
@@ -142,7 +142,7 @@ ul {
         position: absolute;
         list-style-type: none;
         margin: 0;
-        padding: .25rem;
+        padding: 0.25rem;
         background: $white;
         border: 1px solid $gray;
         border-radius: 0.25rem;
@@ -155,10 +155,10 @@ ul {
             .ui-menu-item-wrapper {
                 border: 1px solid transparent;
                 border-radius: 2px;
-                padding-left: .25rem;
+                padding-left: 0.25rem;
                 span {
-                        font-weight: 600;
-                    }
+                    font-weight: 600;
+                }
                 &.ui-state-active {
                     border: 1px solid $gray-200;
                     border-radius: 2px;

From c5b1c11cad14642836e3aa18d1a2bc993ae1920c Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 29 Feb 2024 09:49:50 -0500
Subject: [PATCH 11/20] WIP revert

---
 .../insurance-lookup/insurance-lookup.vue     | 33 +++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index d9d9926e2..99a8965ec 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -1,5 +1,5 @@
 <template>
-    <Form>
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <loadingModal ref="loadingModal" />
         <div class="container-fluid page-container-grouped-styles">
             <div class="row justify-content-center">
@@ -21,6 +21,7 @@
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
+                        :isForwardActionDisabled="!meta.valid"
                         @back-clicked="backButtonAction"
                         @ForwardClicked="forwardButtonAction" />
                 </div>
@@ -40,12 +41,39 @@ import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
+import { storeActions } from "@/constants/store-actions";
+import { errorMessages } from "@/constants/error-messages";
+import {
+    getDamageString,
+    getIsWindshieldOnly,
+    isGlassAvailableForCarId,
+} from "@/helpers/damage-helper";
+import { required, regex } from "@/helpers/validation-rules";
+import { Form, defineRule } from "vee-validate";
+import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
+import { routerParams } from "@/router/router-constants/router-params";
 
 import store from "@/store";
+import vinPagesMixin from "@/mixins/vin-pages-mixin";
 import $ from "jquery";
 
+// DEFINE VALIDATION RULES
+defineRule("zip-required", required(errorMessages.SERVICE_ZIP_REQUIRED));
+defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
+defineRule("email-address-required", required(errorMessages.EMAIL_ADDRESS_REQUIRED));
+defineRule(
+    "email-address-format",
+    regex(
+        /^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9-]+)\.([a-zA-Z]{2,})$/,
+        errorMessages.EMAIL_ADDRESS_FORMAT
+    )
+);
+defineRule("vin-required", required(errorMessages.VIN_REQUIRED));
+defineRule("vin-format", regex(/^[a-hA-Hj-nJ-NpPr-zR-Z0-9]{17}$/, errorMessages.VIN_FORMAT));
+
 export default {
     name: "insurance-lookup",
+    mixins: [vinPagesMixin],
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
@@ -78,7 +106,7 @@ export default {
         },
         forwardButtonAction() {
             // Still needs wired up when insurance-details page is created
-            alert("Needs wired up!");
+            this.$router.navigateWithSaving(this.navigationScenarios.CLICKED_FORWARD, this.$route);
         },
     },
     mounted() {
@@ -132,6 +160,7 @@ export default {
         navbar,
         funnelSubHeader,
         textboxQuestion,
+        Form,
         loadingModal,
     },
 };

From 831173747e9e2b325f3e348a06fe49d3b367ada3 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Mar 2024 08:56:18 -0500
Subject: [PATCH 12/20] WIP remove rounded corners, remove background for
 button.

---
 .../textbox-question/textbox-question.vue            | 12 +++++-------
 src/layouts/insurance-lookup/insurance-lookup.vue    |  3 +--
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index e30b7563e..b5ef4ecb3 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -245,9 +245,6 @@ export default {
     .input-wrapper {
         position: relative;
         &.has-search-icon {
-            input[type="text"] {
-                border-radius: 50rem;
-            }
             button[type="submit"] {
                 position: absolute;
                 top: 50%;
@@ -256,13 +253,14 @@ export default {
                 background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7817 14.7328L11.8252 10.7762C12.8833 9.45005 13.3936 7.76911 13.2513 6.07849C13.1091 4.38788 12.325 2.81587 11.0601 1.6852C9.79515 0.554524 8.14538 -0.0490261 6.44946 -0.00154744C4.75353 0.0459312 3.14012 0.740836 1.94045 1.94051C0.740775 3.14018 0.0458701 4.75359 -0.00160848 6.44952C-0.0490871 8.14545 0.554463 9.79521 1.68514 11.0601C2.81581 12.325 4.38782 13.1091 6.07843 13.2514C7.76905 13.3937 9.44999 12.8834 10.7762 11.8252L14.7349 15.7839C14.8044 15.8527 14.8869 15.907 14.9774 15.9439C15.068 15.9808 15.165 15.9995 15.2628 15.9989C15.3606 15.9983 15.4573 15.9784 15.5475 15.9405C15.6376 15.9025 15.7194 15.8471 15.7881 15.7776C15.8568 15.708 15.9112 15.6256 15.9481 15.535C15.985 15.4444 16.0036 15.3474 16.0031 15.2496C16.0025 15.1518 15.9826 15.0551 15.9446 14.965C15.9067 14.8748 15.8513 14.7931 15.7817 14.7243V14.7328ZM6.63737 11.7913C5.61803 11.7913 4.62157 11.4891 3.77402 10.9228C2.92646 10.3564 2.26587 9.5515 1.87578 8.60975C1.4857 7.668 1.38363 6.63172 1.5825 5.63196C1.78136 4.6322 2.27222 3.71386 2.99301 2.99307C3.7138 2.27229 4.63214 1.78142 5.6319 1.58256C6.63166 1.38369 7.66793 1.48576 8.60969 1.87585C9.55144 2.26593 10.3564 2.92652 10.9227 3.77408C11.489 4.62163 11.7913 5.61809 11.7913 6.63743C11.7896 8.00382 11.2461 9.31376 10.2799 10.2799C9.3137 11.2461 8.00376 11.7897 6.63737 11.7913Z' fill='%231574A1'/%3E%3C/svg%3E%0A");
                 background-repeat: no-repeat;
                 background-position: center;
-                border-radius: 0 50rem 50rem 0;
-                background-color: $blue-100;
+                background-color: transparent;
                 width: 2.75rem;
                 height: 100%;
-                border: 1px solid $gray-500;
-                border-left: none;
+                border: none;
                 display: flex;
+                &:hover {
+                    cursor: default;
+                }
             }
         }
         &.has-camera-icon {
diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 99a8965ec..b4fbe8eb5 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -15,8 +15,7 @@
                         customInputId="autocomplete"
                         class="mb-4 mt-5"
                         cmsWidgetName="InsuranceCoQuestionWidget"
-                        includeSearchIcon
-                        cornerStyle="rounded" />
+                        includeSearchIcon />
 
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"

From 1fca56a56c11bd53e0c12f866caf1b9c2d7144f9 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Mar 2024 10:40:33 -0500
Subject: [PATCH 13/20] WIP Add companies, sort, test matches.

---
 .../insurance-lookup/insurance-lookup.vue       | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index b4fbe8eb5..8584806e9 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -119,17 +119,18 @@ export default {
             "State Auto Insurance",
             "State Farm Insurance",
             "Travelers Insurance",
+            "AAA",
+            "AAA Ohio",
+            "AAA Indiana",
+            "AAA Florida",
+            "American Autombile Insurance Co",
+            "American Automobile Association",
+            "American Insurance",
         ];
+        tags.sort(); //Sort list alphabetically
 
         $("#autocomplete").autocomplete({
-            source: function (request, response) {
-                var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i");
-                response(
-                    $.grep(tags, function (item) {
-                        return matcher.test(item);
-                    })
-                );
-            },
+            source: tags,
             position: {
                 my: "left top+6",
             },

From ef6310880c128f0fc806f1df7a9fe3a6e372d5dd Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 4 Mar 2024 10:31:16 -0500
Subject: [PATCH 14/20] WIP add insurance company endpoint list.

---
 src/constants/endpoints.js                    |  4 ++
 src/constants/store-actions.js                |  1 +
 .../insurance-lookup/insurance-lookup.vue     | 47 ++++++++++---------
 src/store/index.js                            | 22 +++++++++
 4 files changed, 51 insertions(+), 23 deletions(-)

diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index ea40af19d..592d2d668 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -164,6 +164,10 @@ const endpoints = {
         url: "/experiments/api/v1/experiments/run",
         method: "POST",
     },
+    GetInsuranceCompanyList: {
+        url: "/account/api/v1/account/insurance-companies",
+        method: "GET",
+    },
 };
 
 export { endpoints };
diff --git a/src/constants/store-actions.js b/src/constants/store-actions.js
index 9b6fdb865..491d717b9 100644
--- a/src/constants/store-actions.js
+++ b/src/constants/store-actions.js
@@ -51,6 +51,7 @@ const storeActions = {
     GET_SIGNATURE: "getSignature",
     VALIDATE_ORDER_PROMO_AND_SAVE_SERVER_DATA: "validateOrderPromoAndSaveServerData",
     REVALIDATE_ORDER_PROMOS_AND_SAVE_SERVER_DATA: "revalidateOrderPromosAndSaveServerData",
+    GET_INSURANCE_COMPANY_LIST: "getInsuranceCompanyList",
 
     // DEPENDENCY MUTATIONS
     RESET_DAMAGE_STATE_AND_DEPENDENCIES: "resetDamageAndDependencies",
diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 8584806e9..1d58dfdd7 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -51,6 +51,7 @@ import { required, regex } from "@/helpers/validation-rules";
 import { Form, defineRule } from "vee-validate";
 import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
 import { routerParams } from "@/router/router-constants/router-params";
+import baseMixin from "@/mixins/base-mixin.js";
 
 import store from "@/store";
 import vinPagesMixin from "@/mixins/vin-pages-mixin";
@@ -76,6 +77,11 @@ export default {
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
+        const insuranceCompanyListPromise = baseMixin.methods.dispatchStoreActionWithLogging(
+            storeActions.GET_INSURANCE_COMPANY_LIST,
+            {},
+            "insurance-lookup"
+        );
 
         // Settle promises and get results
         const promiseResultMap = [
@@ -83,15 +89,31 @@ export default {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "insuranceCompanyList",
+                promise: insuranceCompanyListPromise,
+            },
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
-
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.insuranceCompanyList = resultMap.insuranceCompanyList;
         });
     },
+    data() {
+        return {
+            insuranceCompanyList: [],
+        }
+    },
+    computed: {
+        insuranceCompanyListTags() {
+            return this.insuranceCompanyList.map(item => {
+                return item.accountName;
+            })
+        }
+    },
     methods: {
         arePagePrerequisitesValid() {
             return store.getters.vehicle.carId !== null;
@@ -110,34 +132,13 @@ export default {
     },
     mounted() {
         const select = this.handleAutocompleteSelect;
-        // Temporary list of insurance companies for testing
-        var tags = [
-            "21st Century Insurance",
-            "Farmers Insurance",
-            "Grange Insurance",
-            "Liberty Mutual Insurance",
-            "State Auto Insurance",
-            "State Farm Insurance",
-            "Travelers Insurance",
-            "AAA",
-            "AAA Ohio",
-            "AAA Indiana",
-            "AAA Florida",
-            "American Autombile Insurance Co",
-            "American Automobile Association",
-            "American Insurance",
-        ];
-        tags.sort(); //Sort list alphabetically
 
         $("#autocomplete").autocomplete({
-            source: tags,
+            source: this.insuranceCompanyListTags,
             position: {
                 my: "left top+6",
             },
             minLength: 0, // Necessary to display menu when clearing input
-            select: function (event, ui) {
-                select(ui.item.value);
-            },
             // Bold matching letters as you type in the input
             search: function (event, ui) {
                 setTimeout(() => {
diff --git a/src/store/index.js b/src/store/index.js
index ffc6e6e08..bb8436d8a 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2421,6 +2421,28 @@ export const actions = {
 
         return revalidateResponse?.data;
     },
+    // List all insurance companies
+    async getInsuranceCompanyList(context, { pageNameToLog }) {
+        const insuranceCompanyList = await globalMethods.callHttpClient({
+            method: endpoints.GetInsuranceCompanyList.method,
+            endpoint: endpoints.GetInsuranceCompanyList.url,
+            payload: {},
+            logApiCall: true,
+            pageNameToLog: pageNameToLog,
+        });
+        console.log(insuranceCompanyList);
+        return insuranceCompanyList.data.sort((a, b) => {
+            const nameA = a.accountName.toUpperCase();
+            const nameB = b.accountName.toUpperCase();
+            if (nameA < nameB) {
+                return -1;
+            }
+            if (nameA > nameB) {
+                return 1;
+            }
+            return 0;
+        });
+    },
 
     // Misc order actions
     saveSchedule(context, scheduleInfo) {

From 96b73920519e77620b1feb7a51a105e1b1c727d8 Mon Sep 17 00:00:00 2001
From: CarlNation <32103961+CarlNation@users.noreply.github.com>
Date: Wed, 6 Mar 2024 14:04:01 -0500
Subject: [PATCH 15/20] CSR-1754

CSR-1754 show pia for verified insurance
---
 src/constants/experiments.js                  | 1 +
 src/layouts/payment-method/payment-method.vue | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/constants/experiments.js b/src/constants/experiments.js
index 18ca6387d..bd480636f 100644
--- a/src/constants/experiments.js
+++ b/src/constants/experiments.js
@@ -7,6 +7,7 @@ const experimentSettings = {
     SUPPRESS_VIN_CAPTURE: "SuppressVinCapture",
     DISPLAY_AVAILABILITY_INDICATORS: "DisplayAvailabilityIndicators",
     PIA_EXPERIENCE: "PIA Experience",
+    PIA_INSURANCE: "DisplayPIAInsurance",
     SUBMIT_ORDER_ENABLE_PIA: "SubmitOrder_Enable_PIA",
     IS_EMAIL_OPTIONAL: "isEmailOptional",
 };
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index b54265ebe..6bd4e8a6a 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -512,8 +512,9 @@ export default {
         },
         isPiaDisabled() {
             const piaExperience = this.getSettingValue(experimentSettings.PIA_EXPERIENCE);
+            const piaInsurance = this.getSettingValue(experimentSettings.PIA_INSURANCE);
 
-            const isEnabled = piaExperience === "PIA Optional" || piaExperience === "PIA Required";
+            const isEnabled = piaExperience === "PIA Optional" || piaExperience === "PIA Required" || piaInsurance === "true";
 
             return !isEnabled;
         },

From f8256b6458a9f1dc3dd7235c742db79b89dcc071 Mon Sep 17 00:00:00 2001
From: CarlNation <carl.nation@safelite.com>
Date: Wed, 6 Mar 2024 14:10:13 -0500
Subject: [PATCH 16/20] CSR-1754 prettier

---
 src/layouts/payment-method/payment-method.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 6bd4e8a6a..6d233a797 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -514,7 +514,10 @@ export default {
             const piaExperience = this.getSettingValue(experimentSettings.PIA_EXPERIENCE);
             const piaInsurance = this.getSettingValue(experimentSettings.PIA_INSURANCE);
 
-            const isEnabled = piaExperience === "PIA Optional" || piaExperience === "PIA Required" || piaInsurance === "true";
+            const isEnabled =
+                piaExperience === "PIA Optional" ||
+                piaExperience === "PIA Required" ||
+                piaInsurance === "true";
 
             return !isEnabled;
         },

From 245284d8a3a3506e1b61d183be59f22f0a710aa7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 7 Mar 2024 11:47:17 -0500
Subject: [PATCH 17/20] WIP change name to insurance-company.

---
 jest.config.js                                       |  2 +-
 .../insurance-company-spec.js}                       |  0
 .../insurance-company.vue}                           | 12 ++++++------
 src/router/router-constants/fmgPage-values.js        |  2 +-
 src/router/router-constants/routing-table.js         |  4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)
 rename src/layouts/{insurance-lookup/insurance-lookup-spec.js => insurance-company/insurance-company-spec.js} (100%)
 rename src/layouts/{insurance-lookup/insurance-lookup.vue => insurance-company/insurance-company.vue} (97%)

diff --git a/jest.config.js b/jest.config.js
index 897b43535..330a03f75 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -25,7 +25,7 @@ module.exports = {
     "!src/layouts/payment/*.vue", // Temp test exclusion while in development
     "!src/layouts/payment-pia-return/*.vue", // Temp test exclusion while in development
     "!src/layouts/insurance/*.vue", // Temp test exclusion while in development
-    "!src/layouts/insurance-lookup/*.vue", // Temp test exclusion while in development
+    "!src/layouts/insurance-company/*.vue", // Temp test exclusion while in development
     // END
   ], // ! means exclude from coverage.
   testMatch: ["**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],
diff --git a/src/layouts/insurance-lookup/insurance-lookup-spec.js b/src/layouts/insurance-company/insurance-company-spec.js
similarity index 100%
rename from src/layouts/insurance-lookup/insurance-lookup-spec.js
rename to src/layouts/insurance-company/insurance-company-spec.js
diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-company/insurance-company.vue
similarity index 97%
rename from src/layouts/insurance-lookup/insurance-lookup.vue
rename to src/layouts/insurance-company/insurance-company.vue
index 1d58dfdd7..da649eb3a 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-company/insurance-company.vue
@@ -72,7 +72,7 @@ defineRule("vin-required", required(errorMessages.VIN_REQUIRED));
 defineRule("vin-format", regex(/^[a-hA-Hj-nJ-NpPr-zR-Z0-9]{17}$/, errorMessages.VIN_FORMAT));
 
 export default {
-    name: "insurance-lookup",
+    name: "insurance-company",
     mixins: [vinPagesMixin],
     async beforeRouteEnter(to, from, next) {
         // Call APIs
@@ -80,7 +80,7 @@ export default {
         const insuranceCompanyListPromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_INSURANCE_COMPANY_LIST,
             {},
-            "insurance-lookup"
+            "insurance-company"
         );
 
         // Settle promises and get results
@@ -105,14 +105,14 @@ export default {
     data() {
         return {
             insuranceCompanyList: [],
-        }
+        };
     },
     computed: {
         insuranceCompanyListTags() {
-            return this.insuranceCompanyList.map(item => {
+            return this.insuranceCompanyList.map((item) => {
                 return item.accountName;
-            })
-        }
+            });
+        },
     },
     methods: {
         arePagePrerequisitesValid() {
diff --git a/src/router/router-constants/fmgPage-values.js b/src/router/router-constants/fmgPage-values.js
index 4307867a3..356fbf2c1 100644
--- a/src/router/router-constants/fmgPage-values.js
+++ b/src/router/router-constants/fmgPage-values.js
@@ -11,7 +11,7 @@ const fmgPageValues = {
     ESTIMATE: "estimate",
     ADDRESS_VEHICLES: "address-vehicles",
     QUOTE: "quote",
-    INSURANCE_LOOKUP: "insurance-lookup",
+    INSURANCE_COMPANY: "insurance-company",
     INSURANCE_DETAILS: "insurance-details",
     SERVICE_LOCATION: "service-location",
     HERITAGE: "heritage",
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 0205d355d..afa6baf82 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -391,12 +391,12 @@ const routingTable = function (store) {
                 },
                 {
                     scenario: navigationScenarios.CLICKED_FORWARD_WITH_INSURANCE,
-                    destinationFmgPageValue: fmgPageValues.INSURANCE_LOOKUP,
+                    destinationFmgPageValue: fmgPageValues.INSURANCE_COMPANY,
                 },
             ],
         },
         {
-            fmgPageValue: fmgPageValues.INSURANCE_LOOKUP,
+            fmgPageValue: fmgPageValues.INSURANCE_COMPANY,
             maps: [
                 {
                     scenario: navigationScenarios.CLICKED_BACK,

From c4ca73a9dce53f3b8fc0e6bb537146b6b68890ef Mon Sep 17 00:00:00 2001
From: CarlNation <32103961+CarlNation@users.noreply.github.com>
Date: Thu, 7 Mar 2024 13:08:51 -0500
Subject: [PATCH 18/20] CSR-1754

CSR-1754 route to insurance page after quote
---
 src/layouts/quote/quote.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 27093cfdf..fd85a396a 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -324,15 +324,10 @@ export default {
 
             const payment = this.$store.getters.payment;
             if (payment.isInsurance) {
-                navigateToHeritageFunnel({
-                    shouldSaveSession: true,
-                    pageNameToLog: "quote",
-                    loadingModal: this.$refs.loadingModal,
-                });
-                // this.$router.navigateWithSaving(
-                //     this.navigationScenarios.CLICKED_FORWARD_WITH_INSURANCE,
-                //     this.$route
-                // );
+                this.$router.navigateWithSaving(
+                    this.navigationScenarios.CLICKED_FORWARD_WITH_INSURANCE,
+                    this.$route
+                );
             } else {
                 this.$router.navigateWithSaving(
                     this.navigationScenarios.CLICKED_FORWARD_WITH_CASH,

From f482d7752419e8ec6ee216c52f5252780938ab4b Mon Sep 17 00:00:00 2001
From: CarlNation <32103961+CarlNation@users.noreply.github.com>
Date: Thu, 7 Mar 2024 15:00:39 -0500
Subject: [PATCH 19/20] CSR-2005

CSR-2005 Nav to heritage funnel from insurance page
---
 .../insurance-company/insurance-company.vue       | 15 ++++++---------
 src/layouts/quote/quote.vue                       |  1 -
 src/store/index.js                                |  2 +-
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/layouts/insurance-company/insurance-company.vue b/src/layouts/insurance-company/insurance-company.vue
index da649eb3a..b6593bbb2 100644
--- a/src/layouts/insurance-company/insurance-company.vue
+++ b/src/layouts/insurance-company/insurance-company.vue
@@ -42,16 +42,10 @@ import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
 import { errorMessages } from "@/constants/error-messages";
-import {
-    getDamageString,
-    getIsWindshieldOnly,
-    isGlassAvailableForCarId,
-} from "@/helpers/damage-helper";
 import { required, regex } from "@/helpers/validation-rules";
 import { Form, defineRule } from "vee-validate";
-import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
-import { routerParams } from "@/router/router-constants/router-params";
 import baseMixin from "@/mixins/base-mixin.js";
+import { navigateToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
 
 import store from "@/store";
 import vinPagesMixin from "@/mixins/vin-pages-mixin";
@@ -126,8 +120,11 @@ export default {
             this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
         },
         forwardButtonAction() {
-            // Still needs wired up when insurance-details page is created
-            this.$router.navigateWithSaving(this.navigationScenarios.CLICKED_FORWARD, this.$route);
+            navigateToHeritageFunnel({
+                    shouldSaveSession: true,
+                    pageNameToLog: "insurance-company",
+                    loadingModal: this.$refs.loadingModal,
+                });
         },
     },
     mounted() {
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index fd85a396a..96123b03a 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -92,7 +92,6 @@ import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 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";
 import { payWithInsuranceStates } from "@/constants/pay-with-insurance-states";
 import {
diff --git a/src/store/index.js b/src/store/index.js
index 6e03ed2ec..4fe96703e 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2472,7 +2472,7 @@ export const actions = {
             logApiCall: true,
             pageNameToLog: pageNameToLog,
         });
-        console.log(insuranceCompanyList);
+
         return insuranceCompanyList.data.sort((a, b) => {
             const nameA = a.accountName.toUpperCase();
             const nameB = b.accountName.toUpperCase();

From 9aaf807273124c9393fb979164a82faf170f7ce6 Mon Sep 17 00:00:00 2001
From: CarlNation <32103961+CarlNation@users.noreply.github.com>
Date: Thu, 7 Mar 2024 15:04:07 -0500
Subject: [PATCH 20/20] CSR-2005 prettier

---
 src/layouts/insurance-company/insurance-company.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/layouts/insurance-company/insurance-company.vue b/src/layouts/insurance-company/insurance-company.vue
index b6593bbb2..9d4682622 100644
--- a/src/layouts/insurance-company/insurance-company.vue
+++ b/src/layouts/insurance-company/insurance-company.vue
@@ -121,10 +121,10 @@ export default {
         },
         forwardButtonAction() {
             navigateToHeritageFunnel({
-                    shouldSaveSession: true,
-                    pageNameToLog: "insurance-company",
-                    loadingModal: this.$refs.loadingModal,
-                });
+                shouldSaveSession: true,
+                pageNameToLog: "insurance-company",
+                loadingModal: this.$refs.loadingModal,
+            });
         },
     },
     mounted() {