Merge pull request #3186 from Safelite/feature/CASH-613

Feature/cash 613 updates

src/layouts/coverage-statement/coverage-statement.vue

@@ -35,6 +35,21 @@
                             <priceDisplay cmsWidgetName="PriceWidgetItac" :price="cashPrice" />
                         </div>
                     </div>
+                    <div class="my-5" ref="nocomp-block">
+                        <funnelSubHeader
+                            class="mb-4"
+                            cmsWidgetName="SubHeaderWidgetNocomp"
+                            alignLeft />
+                        <textBlock cmsWidgetName="NocompHeaderWidget" fontWeight="bold" />
+                        <textBlock cmsWidgetName="NocompCopyWidget" />
+                        <priceDisplay
+                            cmsWidgetName="PriceWidgetNocomp"
+                            :price="cashPrice"
+                            class="my-4" />
+                        <afterpayBreakout
+                            cmsWidgetName="AfterpayBreakoutWidget"
+                            :totalAmount="cashPrice" />
+                    </div>
                     <saveProgressModalQuestion
                         modalWidgetName="SaveProgressModalWidget"
                         modalName="SaveProgressModal"
@@ -65,6 +80,7 @@ import saveProgressModalQuestion from "@/fmg-components/save-progress-modal-ques
 import afterpayBreakout from "../payment-method/afterpay-breakout/afterpay-breakout.vue";
 import modal from "@/digital-components/modal/modal";
 import contentGroupModal from "@/fmg-components/content-group-modal/content-group-modal.vue";
+import textBlock from "@/digital-components/text-block/text-block.vue";
 
 export default {
     name: "coverage-statement",
@@ -85,6 +101,7 @@ export default {
         saveProgressModalQuestion,
         afterpayBreakout,
         contentGroupModal,
+        textBlock,
     },
     // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
     async beforeRouteEnter(to, from, next) {

src/layouts/coverage-statement/customer-instructions/customer-instructions.vue

@@ -60,6 +60,10 @@ export default {
         instructionBlocks() {
             const answers = this.getCmsContent(this.cmsWidgetName, "Answers");
 
+            if (!answers) {
+                return [];
+            }
+
             const instructionBlocksRaw = answers.map((ans) => ans.Text);
 
             const instructionBlocksAsTokens = instructionBlocksRaw.map((raw) =>