Initial Blockout

src/layouts/review/review-sections/service-package-review/service-package-review.spec.js

@@ -0,0 +1,3 @@
+describe("Service Package Review Block", () => {
+    test.todo("Add more tests as specific functionality is added.");
+});

src/layouts/review/review-sections/service-package-review/service-package-review.vue

@@ -0,0 +1,37 @@
+<template>
+    <reviewBlock
+        :headerCmsWidgetName="cmsWidgetName"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/review/review-block/review-block";
+
+export default {
+    name: "service-package-review",
+    props: {
+        cmsWidgetName: String,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return [
+                "New replacement windshield",
+                "Expert installation and recalibration",
+                "Nationwide lifetime warranty",
+            ];
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>

src/layouts/review/review.vue

@@ -48,6 +48,12 @@
                     cmsWidgetName="DamageReviewWidget"
                     :damage="damageInfo"
                     @edit-clicked="editDamage" />
+
+                <hr class="my-0" />
+
+                <servicePackageReview
+                    cmsWidgetName="DamageReviewWidget"
+                    @edit-clicked="editServicePackage" />
             </div>
 
             <hr class="my-0" />
@@ -66,8 +72,10 @@ import funnelFooter from "@/fmg-components/funnel-footer/funnel-footer";
 import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
 import buttonMain from "@/ux-components/button-main/button-main";
 import textBlock from "@/digital-components/text-block/text-block";
+
 import vehicleReview from "@/layouts/review/review-sections/vehicle-review/vehicle-review";
 import damageReview from "@/layouts/review/review-sections/damage-review/damage-review";
+import servicePackageReview from "@/layouts/review/review-sections/service-package-review/service-package-review";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -113,6 +121,7 @@ export default {
                 this.$route
             );
         },
+        editServicePackage() {},
     },
     computed: {
         subHeaderTitle() {
@@ -139,6 +148,7 @@ export default {
         textBlock,
         vehicleReview,
         damageReview,
+        servicePackageReview,
     },
 };
 </script>