Hooking into dynamic CMS

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

@@ -1,6 +1,6 @@
 <template>
     <reviewBlock
-        :headerCmsWidgetName="cmsWidgetName"
+        :headerCmsWidgetName="packageNameWidget"
         :content="displayContent"
         @edit-clicked="editClicked" />
 </template>
@@ -16,7 +16,9 @@ import { partTypeStrings } from "@/constants/part-type-strings";
 export default {
     name: "service-package-review",
     props: {
-        cmsWidgetName: String,
+        servicePackageOptionsCmsName: String,
+        defaultPackageItemsCmsName: String,
+        vapsPackageItemsCmsName: String,
         availableLineItems: Array,
     },
     data() {
@@ -30,23 +32,36 @@ export default {
     computed: {
         displayContent() {
             return [
-                ...this.packageName,
-                "-",
                 ...this.defaultPackageText,
                 ...this.frontWipersText,
                 ...this.rearWipersText,
                 ...this.rainDefenseText,
             ];
         },
-        packageName() {
+        packageNameWidget() {
-            return [this.packageLevel];
+            let servicePackageNames = this.getCmsContent(
+                this.servicePackageOptionsCmsName,
+                "Answers"
+            );
+
+            if(!servicePackageNames) {
+                return "";
+            }
+
+            let currentPackage = servicePackageNames.find(
+                (entry) => entry.Name === this.packageLevel
+            );
+
+            return currentPackage.SubWidgetName;
         },
         defaultPackageText() {
-            return [
+            let defaultItems = this.getCmsContent(this.defaultPackageItemsCmsName, "Answers");
-                "New replacement windshield",
+
-                "Expert installation and recalibration",
+            if(!defaultItems) {
-                "Nationwide lifetime warranty",
+                return [];
-            ];
+            }
+
+            return defaultItems.map((answer) => answer.Text);
         },
         hasFrontWiperVAPS() {
             return containsLineItemWithPartType(partTypeStrings.FRONT_WIPER, this.vaps);

src/layouts/review/review.vue

@@ -54,7 +54,9 @@
                 <hr class="my-0" />
 
                 <servicePackageReview
-                    cmsWidgetName="ServicePackageReviewWidget"
+                    servicePackageOptionsCmsName="ServicePackageTitle"
+                    defaultPackageItemsCmsName="DefaultPackageItemDescriptions"
+                    vapsItemsCmsName="VapsItemDescriptions"
                     :availableLineItems="availableLineItems"
                     @edit-clicked="editServicePackage" />
             </div>
@@ -115,8 +117,11 @@ export default {
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
+        console.log(resultMap);
+        console.log(next);
 
         next((vm) => {
+            console.log("next on review");
             vm.setCmsContent(resultMap.cmsContent);
 
             vm.availableWipers = resultMap.wipers;