From d9e0b0bc1ae559c4d56017d0629c954631ce6872 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 26 Dec 2023 16:44:02 -0500
Subject: [PATCH] Big shuffle pt. 1

---
 src/layouts/payment-method/payment-method.vue |  6 ++++
 .../review-block/review-block.spec.js         |  2 +-
 .../review-block/review-block.vue             | 17 -----------
 .../review-dropdown/review-dropdown.vue       | 28 +++++++++++++++++++
 .../customer-review/customer-review.spec.js   |  2 +-
 .../customer-review/customer-review.vue       |  8 ++----
 .../damage-review/damage-review.spec.js       |  2 +-
 .../damage-review/damage-review.vue           |  3 +-
 .../schedule-review/schedule-review.vue       |  3 +-
 .../service-location-review.spec.js           |  2 +-
 .../service-location-review.vue               |  3 +-
 .../service-package-review.spec.js            |  2 +-
 .../service-package-review.vue                |  3 +-
 .../vehicle-review/vehicle-review.spec.js     |  2 +-
 .../vehicle-review/vehicle-review.vue         |  3 +-
 .../{review.spec.js => review.spec.norun.js}  |  0
 .../review/{review.vue => reviewn.vuenorun}   |  0
 17 files changed, 47 insertions(+), 39 deletions(-)
 rename src/layouts/{review => payment-method/review-dropdown}/review-block/review-block.spec.js (91%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-block/review-block.vue (64%)
 create mode 100644 src/layouts/payment-method/review-dropdown/review-dropdown.vue
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/customer-review/customer-review.spec.js (96%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/customer-review/customer-review.vue (78%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/damage-review/damage-review.spec.js (99%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/damage-review/damage-review.vue (97%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/schedule-review/schedule-review.vue (85%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/service-location-review/service-location-review.spec.js (96%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/service-location-review/service-location-review.vue (92%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/service-package-review/service-package-review.spec.js (99%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/service-package-review/service-package-review.vue (96%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/vehicle-review/vehicle-review.spec.js (90%)
 rename src/layouts/{review => payment-method/review-dropdown}/review-sections/vehicle-review/vehicle-review.vue (82%)
 rename src/layouts/review/{review.spec.js => review.spec.norun.js} (100%)
 rename src/layouts/review/{review.vue => reviewn.vuenorun} (100%)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 5311c2728..354700279 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -21,6 +21,10 @@
 
                     <hr class="my-0" />
 
+                    <reviewDropdown />
+
+                    <hr class="my-0" />
+
                     <cart
                         :damage="damageInfo"
                         :availableVaps="availableVaps"
@@ -79,6 +83,7 @@ import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-heade
 import paymentMethodQuestion from "@/layouts/payment-method/payment-method-question/payment-method-question";
 import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
 import cart from "@/fmg-components/cart/cart";
+import reviewDropdown from "@/layouts/payment-method/review-dropdown/review-dropdown";
 import promoModalQuestion from "@/layouts/payment-method/promo-modal-question/promo-modal-question";
 import addVapsModalButtons from "./add-vaps-modal-buttons/add-vaps-modal-buttons";
 import { submitWorkOrder } from "@/helpers/heritage-integration/order-helper.js";
@@ -577,6 +582,7 @@ export default {
         addVapsModalButtons,
         paymentMethodQuestion,
         promoModalQuestion,
+        reviewDropdown,
     },
 };
 </script>
diff --git a/src/layouts/review/review-block/review-block.spec.js b/src/layouts/payment-method/review-dropdown/review-block/review-block.spec.js
similarity index 91%
rename from src/layouts/review/review-block/review-block.spec.js
rename to src/layouts/payment-method/review-dropdown/review-block/review-block.spec.js
index 1a25e8bfd..bf0557d05 100644
--- a/src/layouts/review/review-block/review-block.spec.js
+++ b/src/layouts/payment-method/review-dropdown/review-block/review-block.spec.js
@@ -1,7 +1,7 @@
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import store from "@/store";
-import reviewBlock from "@/layouts/review/review-block/review-block";
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
 
 jest.mock("@/helpers/cms-content-helper", () => ({
     fetchCmsContentForPage: () => Promise.resolve("content"),
diff --git a/src/layouts/review/review-block/review-block.vue b/src/layouts/payment-method/review-dropdown/review-block/review-block.vue
similarity index 64%
rename from src/layouts/review/review-block/review-block.vue
rename to src/layouts/payment-method/review-dropdown/review-block/review-block.vue
index f5819ca8c..5bf49809f 100644
--- a/src/layouts/review/review-block/review-block.vue
+++ b/src/layouts/payment-method/review-dropdown/review-block/review-block.vue
@@ -6,17 +6,6 @@
                 :customText="customHeaderText"
                 typeStyle="body small bold dark"
                 marginTopSizeOverride="0" />
-            <textLink
-                linkType="textSmall"
-                text="Edit"
-                class="ml-auto"
-                useLoadingModal
-                @click-event="linkClicked"
-                href="javascript:void(0)">
-                <template v-slot:after-text v-if="editScreenReaderTextCmsWidgetName">
-                    <span class="sr-only"> {{ screenReaderOnlyText }} </span>
-                </template>
-            </textLink>
         </div>
         <div
             class="small review-block-content"
@@ -38,16 +27,10 @@ export default {
         customHeaderText: String,
         // Specifically an array of strings.
         content: Array,
-        editScreenReaderTextCmsWidgetName: String,
     },
     data() {
         return {};
     },
-    computed: {
-        screenReaderOnlyText() {
-            return this.getCmsContent(this.editScreenReaderTextCmsWidgetName, "Text");
-        },
-    },
     methods: {
         linkClicked() {
             this.$emit("edit-clicked");
diff --git a/src/layouts/payment-method/review-dropdown/review-dropdown.vue b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
new file mode 100644
index 000000000..287abac19
--- /dev/null
+++ b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
@@ -0,0 +1,28 @@
+<template>
+    <h2>review component added</h2>
+</template>
+
+<script>
+import customerReview from "@/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review";
+import damageReview from "@/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review";
+import scheduleReview from "@/layouts/payment-method/review-dropdown/review-sections/schedule-review/schedule-review";
+import serviceLocationReview from "@/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review";
+import servicePackageReview from "@/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review";
+import vehicleReview from "@/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review";
+
+export default {
+    name: "review-dropdown",
+    props: {},
+    data() {
+        return {};
+    },
+    components: {
+        customerReview,
+        damageReview,
+        scheduleReview,
+        serviceLocationReview,
+        servicePackageReview,
+        vehicleReview,
+    },
+};
+</script>
diff --git a/src/layouts/review/review-sections/customer-review/customer-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.spec.js
similarity index 96%
rename from src/layouts/review/review-sections/customer-review/customer-review.spec.js
rename to src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.spec.js
index 45627df2e..13138a182 100644
--- a/src/layouts/review/review-sections/customer-review/customer-review.spec.js
+++ b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.spec.js
@@ -1,7 +1,7 @@
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 
-import customerReview from "@/layouts/review/review-sections/customer-review/customer-review";
+import customerReview from "@/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review";
 
 const testConstants = {
     cms: {
diff --git a/src/layouts/review/review-sections/customer-review/customer-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.vue
similarity index 78%
rename from src/layouts/review/review-sections/customer-review/customer-review.vue
rename to src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.vue
index f3f664927..2fd82c716 100644
--- a/src/layouts/review/review-sections/customer-review/customer-review.vue
+++ b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.vue
@@ -1,13 +1,9 @@
 <template>
-    <reviewBlock
-        editScreenReaderTextCmsWidgetName="EditContactDetailsScreenReader"
-        :customHeaderText="header"
-        :content="displayContent"
-        @edit-clicked="editClicked" />
+    <reviewBlock :customHeaderText="header" :content="displayContent" @edit-clicked="editClicked" />
 </template>
 
 <script>
-import reviewBlock from "@/layouts/review/review-block/review-block";
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
 
 export default {
     name: "customer-review",
diff --git a/src/layouts/review/review-sections/damage-review/damage-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review.spec.js
similarity index 99%
rename from src/layouts/review/review-sections/damage-review/damage-review.spec.js
rename to src/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review.spec.js
index e7aa69a67..a0bc2e433 100644
--- a/src/layouts/review/review-sections/damage-review/damage-review.spec.js
+++ b/src/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review.spec.js
@@ -1,7 +1,7 @@
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 
-import damageReview from "@/layouts/review/review-sections/damage-review/damage-review";
+import damageReview from "@/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review";
 import { damageLocationsSelected as glassConstants } from "@/constants/damage-locations-selected";
 
 const testConstants = {
diff --git a/src/layouts/review/review-sections/damage-review/damage-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review.vue
similarity index 97%
rename from src/layouts/review/review-sections/damage-review/damage-review.vue
rename to src/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review.vue
index 9952ee225..ad755b53a 100644
--- a/src/layouts/review/review-sections/damage-review/damage-review.vue
+++ b/src/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review.vue
@@ -1,13 +1,12 @@
 <template>
     <reviewBlock
-        editScreenReaderTextCmsWidgetName="EditDamageScreenReader"
         :headerCmsWidgetName="cmsWidgetName"
         :content="displayContent"
         @edit-clicked="editClicked" />
 </template>
 
 <script>
-import reviewBlock from "@/layouts/review/review-block/review-block";
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
 import { damageLocationsSelected } from "@/constants/damage-locations-selected.js";
 
 export default {
diff --git a/src/layouts/review/review-sections/schedule-review/schedule-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/schedule-review/schedule-review.vue
similarity index 85%
rename from src/layouts/review/review-sections/schedule-review/schedule-review.vue
rename to src/layouts/payment-method/review-dropdown/review-sections/schedule-review/schedule-review.vue
index 25394ae0c..ad058b6ec 100644
--- a/src/layouts/review/review-sections/schedule-review/schedule-review.vue
+++ b/src/layouts/payment-method/review-dropdown/review-sections/schedule-review/schedule-review.vue
@@ -1,13 +1,12 @@
 <template>
     <reviewBlock
-        editScreenReaderTextCmsWidgetName="EditAppointmentScreenReader"
         :customHeaderText="headerText"
         :content="displayContent"
         @edit-clicked="editClicked" />
 </template>
 
 <script>
-import reviewBlock from "@/layouts/review/review-block/review-block";
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
 
 export default {
     name: "schedule-review",
diff --git a/src/layouts/review/review-sections/service-location-review/service-location-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review.spec.js
similarity index 96%
rename from src/layouts/review/review-sections/service-location-review/service-location-review.spec.js
rename to src/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review.spec.js
index 530e34f4a..7b1429b19 100644
--- a/src/layouts/review/review-sections/service-location-review/service-location-review.spec.js
+++ b/src/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review.spec.js
@@ -1,6 +1,6 @@
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
-import serviceLocationReview from "@/layouts/review/review-sections/service-location-review/service-location-review";
+import serviceLocationReview from "@/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review";
 
 import { AppointmentTypeStrings } from "@/constants/schedule-constants";
 
diff --git a/src/layouts/review/review-sections/service-location-review/service-location-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review.vue
similarity index 92%
rename from src/layouts/review/review-sections/service-location-review/service-location-review.vue
rename to src/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review.vue
index 48efe9586..55e384080 100644
--- a/src/layouts/review/review-sections/service-location-review/service-location-review.vue
+++ b/src/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review.vue
@@ -1,13 +1,12 @@
 <template>
     <reviewBlock
-        editScreenReaderTextCmsWidgetName="EditLocationScreenReader"
         :headerCmsWidgetName="cmsWidgetName"
         :content="displayContent"
         @edit-clicked="editClicked" />
 </template>
 
 <script>
-import reviewBlock from "@/layouts/review/review-block/review-block";
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
 import { AppointmentTypeStrings } from "@/constants/schedule-constants";
 
 export default {
diff --git a/src/layouts/review/review-sections/service-package-review/service-package-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review.spec.js
similarity index 99%
rename from src/layouts/review/review-sections/service-package-review/service-package-review.spec.js
rename to src/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review.spec.js
index 54de9780b..00fff34ee 100644
--- a/src/layouts/review/review-sections/service-package-review/service-package-review.spec.js
+++ b/src/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review.spec.js
@@ -1,6 +1,6 @@
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
-import servicePackageReview from "@/layouts/review/review-sections/service-package-review/service-package-review";
+import servicePackageReview from "@/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review";
 
 import { packageNames } from "@/constants/package-names";
 import { partTypeStrings } from "@/constants/part-type-strings";
diff --git a/src/layouts/review/review-sections/service-package-review/service-package-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review.vue
similarity index 96%
rename from src/layouts/review/review-sections/service-package-review/service-package-review.vue
rename to src/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review.vue
index ac6c333ac..40675dbd2 100644
--- a/src/layouts/review/review-sections/service-package-review/service-package-review.vue
+++ b/src/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review.vue
@@ -1,13 +1,12 @@
 <template>
     <reviewBlock
-        editScreenReaderTextCmsWidgetName="EditServiceTypeScreenReader"
         :headerCmsWidgetName="packageNameWidget"
         :content="displayContent"
         @edit-clicked="editClicked" />
 </template>
 
 <script>
-import reviewBlock from "@/layouts/review/review-block/review-block";
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
 import {
     getHighestFullySatisfiedTier,
     containsLineItemWithPartType,
diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review.spec.js
similarity index 90%
rename from src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
rename to src/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review.spec.js
index e5baa2225..ccc436757 100644
--- a/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
+++ b/src/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review.spec.js
@@ -1,7 +1,7 @@
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import store from "@/store";
-import vehicleReview from "@/layouts/review/review-sections/vehicle-review/vehicle-review";
+import vehicleReview from "@/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review";
 
 jest.mock("@/helpers/cms-content-helper", () => ({
     fetchCmsContentForPage: () => Promise.resolve("content"),
diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review.vue
similarity index 82%
rename from src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
rename to src/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review.vue
index 7c80d9fa0..823eb2b3d 100644
--- a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
+++ b/src/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review.vue
@@ -1,13 +1,12 @@
 <template>
     <reviewBlock
-        editScreenReaderTextCmsWidgetName="EditVehicleScreenReader"
         :headerCmsWidgetName="cmsWidgetName"
         :content="displayContent"
         @edit-clicked="editClicked" />
 </template>
 
 <script>
-import reviewBlock from "@/layouts/review/review-block/review-block";
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
 
 export default {
     name: "vehicle-review",
diff --git a/src/layouts/review/review.spec.js b/src/layouts/review/review.spec.norun.js
similarity index 100%
rename from src/layouts/review/review.spec.js
rename to src/layouts/review/review.spec.norun.js
diff --git a/src/layouts/review/review.vue b/src/layouts/review/reviewn.vuenorun
similarity index 100%
rename from src/layouts/review/review.vue
rename to src/layouts/review/reviewn.vuenorun